使用less简写css的背景图样式

在less文件中定义

.bg(@file) {
    
    
  background: url('@{file}') no-repeat;
  background-size: 100% 100%;
}

在less文件中其他设置背景图的地方使用 即可完成简写
.bg('***.jpg');

当然less文件中也支持定义变量
@boxWidth: 1000px; //盒子宽度
width: @boxWidth;

写less样式代码更加快捷、简便

猜你喜欢

转载自blog.csdn.net/weixin_43956521/article/details/110916828
今日推荐