background-size:
background-size属性指定背景图片大小。
默认值: auto
继承: no
background-size: length|percentage|cover|contain;
length: 设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)
percentage: 将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"
cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
contain :此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。
vue3
:deep()写法:
:deep( .el-button){
width:80%;
}
:deep(.el-form-item__content) {
.el-row {
width: 100%;
}
}
css3——background-size 属性、vue3——中less、sass最新的深度选择器 deep()
最新推荐文章于 2024-08-23 09:13:43 发布
本文介绍了CSS的background-size属性,用于设置背景图片的大小,包括auto、length、percentage、cover和contain等选项。同时,展示了在Vue3中使用:deep()选择器来定制组件内部样式,例如设置.el-button宽度为80%,.el-form-item__content内的.el-row宽度为100%。
摘要由CSDN通过智能技术生成