less函数使用-创新互联
示例
.rounded-corners(@radius:5px){ -webkit-border-radius: @radius; -moz-border-radius: @radius; -ms-border-radius: @radius; -o-border-radius: @radius; border-radius:@radius; } #header { .rounded-corners; } #footer { .rounded-corners(10px); }网站建设哪家好,找创新互联建站!专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了玉门免费建站欢迎大家使用!
说明
.rounded-corners表示函数名 (@radius:5px)表示函数的参数 { -webkit-border-radius: @radius; -moz-border-radius: @radius; -ms-border-radius: @radius; -o-border-radius: @radius; border-radius:@radius; }表示函数体也就是内容 #header { .rounded-corners; }表示调用函数使用默认参数5px #footer { .rounded-corners(10px); }表示调用函数并给函数传递参数
语法
函数名(参数){ 函数体 }
生成的css文件(example2.css)
#header { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #footer { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
在html中使用css(less2.html)
less2
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章标题:less函数使用-创新互联
本文链接:http://azwzsj.com/article/depeos.html