用 /* 定義圓角 @radius 圓角大小 */ .round(@radius:5px){ border-radius:@radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } .round7{ .round(7px); } 定義盒子陰影及調(diào)用 /* 盒子陰影 @right_left 右邊陰影為正數(shù) 左邊負(fù)數(shù) @bottom_top 下邊陰影為正數(shù) 上邊負(fù)數(shù) @box 陰影大小 @box_color 陰影顏色 */ .boxshadow(@right_left:5px,@bottom_top:5px,@box :5px,@box_color:#b6ebf7){ box-shadow:@arguments; -moz-box-shadow:@arguments; -webkit-box-shadow:@arguments; } .boxshadow7{ .boxshadow(7px,7px,7px,black); } 定義文字陰影及調(diào)用 /* 文字陰影,可以指定多組陰影 @right_left1 右邊陰影為正數(shù) 左邊負(fù)數(shù) @bottom_top1 下邊陰影為正數(shù) 上邊負(fù)數(shù) @text 陰影大小 @text_color 陰影顏色 */ .textshadow(@right_left1:5px,@bottom_top1:5px,@text :5px,@tetx_color:#b6ebf7){ text-shadow:@arguments; } .r_b_textshadow{ .textshadow(); } 定義透明度及調(diào)用 /* 透明度 或漸變 1為不透明 0透明 css3 rgba(110, 142, 185, .4)!important;前三個(gè)是顏色值 后一個(gè)是透明值 用來(lái)兼容所有瀏覽器 */ .rgba(@rgba_a:.4,@rgb_b:40){ filter: alpha(opacity=@rgb_b); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=@{rgb_b})"; opacity:@rgb_a; } .rgba4{ .rgba(); } 定義列布局及調(diào)用 /* 列布局 @c1 列數(shù) @c2 列寬 @c3 列間距 @c4 邊框樣式 */ .column(@c1:3,@c2:310px,@c3:10px,@c4:1px solid #ccc){ column-count:@c1; column-width:@c2; column-gap:@c3; column-rule:@c4; -webkit-column-count:@c1; -webkit-column-width:@c2; &