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

在less文件中定义

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

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

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

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

你可能感兴趣的:(less)