Csslab .CC MGTV

.arrow(t/b/l/r,@width,@color,[@position])箭头

可用于添加气泡效果（仅ie6-7无表现）。
参数说明：第一个参数传入箭头所在的方位，分别t上方,b下方,l左侧,r右侧。
第二个参数传入箭头的宽度，例如10px。
第三个参数传入箭头的颜色。
第四个参数传入位置偏移，默认箭头位置在所在方位的居中(50%)，如果不居中，则以坐标轴进行偏移，水平从左开始计算，垂直从上开始计算。
需要注意的是，你需要保证添加箭头的元素上有非静态的定位属性，pr/pa/fix，不能为ps。元素自身的背景颜色需要自行设置。

		.test{.pr;.arrow(l,10px,#333);background-color:#333;}
	

效果预览：

需要指定偏移位置时：

		.test{.pr;.arrow(t,10px,#333,80%);}
	

效果预览：

颜色可以传入半透明：

		.test{.pr;.arrow(r,10px,rgba(0,0,0,0.5));}
	

效果预览：

.arrows(t/b/l/r,@width,@color,@bo-width,@bo-color,[@position])带边框箭头

注意命名多个"s"。同上，当默认元素有边框时，箭头需要同时表现为有边框时。
需要多传2个参数，边框的宽度与边框的颜色，由于视差的原因，边框的颜色可能要比元素边框的颜色略深一点darken(@color,5%)
元素自身的颜色及边框需要自行定义。

		.test{.pr;.arrows(b,10px,#74e2fe,1px,#09f);background-color:#74e2fe;border:1px solid #09f;}
	

效果预览：

.arrowtg/.arrowstg(x/y,@position)快速重定义箭头位置

对应.arrow/.arrows函数，对箭头位置进行快速重定义。其中上下的箭头使用参数x且重定义起点为左侧，左右的箭头使用参数y且重定义起点为上方。

		.test{.arrowtg(x,20%);}
	

.tg(t/b/l/r/lt/rt/lb/rb,@width,@color,[0/1])三角形

参数说明：三角形的方向，大小，颜色。
t/b/l/r：当为等边三角形时，最后一个参数传入1。
更多自定义点击这里。

		.test{.tg(t,100px,#f39);}
	

效果预览：

.disc(o/t/b/l/r,@r,@color)圆

参数说明：类型，直径，颜色。

		.test{.disc(o,80px,#93f);}
	

效果预览：

.circle(o/t/b/l/r,@r,@border)圈

参数说明：类型，直径，边框样式。

		.test{.circle(o,80px,#f39);}
	

效果预览：

.pie(lt/lb/rt/rb,@r,@color)饼

参数说明：方向，直径，颜色。

		.test{.pie(lt,80px,#f39);}
	

效果预览：

.leaf(l/r/lr/rl,@r,@color)叶

参数说明：方向，直径，颜色。

		.test{.leaf(l,80px,#f39);}
	

效果预览：