less 导入图片 以及背景图片属性

less视频教程

https://ke.qq.com/course/3547381?tuin=a9c74247

 

定义背景图片使用

@baseName:wrap;
//url 定义： @img : "../img";
@img :'../image';

#@{baseName}{
width: @c*10;
height: @b*10;
background: url('@{img}/less.jpg');
}

url定义图片的路径

background: url('@{img}/less.jpg');

 

//错误简写
background: url("@{images}/white-sand.png") 14px 14px;//少图片位置属性 图片不会显示
//正确简写
background: url("@{images}/white-sand.png") center/14px 14px
}

图片平铺 位置

#@{baseName}{
width: @c*10;
height: @b*10;
background: url('@{img}/less.jpg') center center/ cover;
}