简述CSS中的背景属性background

.left { background-origin: border-box; background-size: 50%; background-image: url('ire.png'); background-repeat: no-repeat; background-position: top left; border: 10px dotted black; padding: 20px; } .middle { background-origin: padding-box; /* Other styles same as .left*/ } .right { background-origin: content-box; /* Other styles same as .left*/ }

background-clip

background-clip属性确定背景绘制区域，这是背景可以被绘制的区域。和background-origin属性一样，它也 基于盒子模型的区域。
 

.left{ background-clip: border-box; background-size: 50%; background-color: #ffdb3a; background-repeat: no-repeat; background-position: top left; border: 10px dotted black; padding: 20px; } .middle { background-clip: padding-box; /* Other styles same as .left*/ } .right { background-clip: content-box; /* Other styles same as .left*/ }

background

最后，background属性是其他背景相关属性的简写。子属性的顺序无关紧要，因为每个属性的数据类型不同。然而对于background-origin 和 background-clip，如果只指定了一个盒模型区域，那么这两个属性都会应用这个值。如果指定了两个，那么第一个值将用于background-origin属性。
 

总结

以上所述是小编给大家介绍的CSS中的背景属性background，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!