电话
13363039260
background-clip属性怎么用？
2024-01-17 15:46 小编
CSSbackground-clip属性
作用：规定背景的绘制区域。
语法：
background-clip:border-box|padding-box|content-box;
属性值：
●border-box：背景被裁剪到边框盒，即边框以内的区域。
●padding-box：背景被裁剪到内边距框，即padding以内区域。
●content-box：背景被裁剪到内容框，即内容以内的区域。
注：InternetExplorer8以及更早的版本不支持background-clip属性。
CSSbackground-clip属性的使用示例
<!DOCTYPEhtml>
<html>
<head>
<style>
div
{
width:300px;
height:300px;
padding:50px;
background-color:yellow;
background-clip:content-box;
border:2pxsolid#92b901;
}
</style>
</head>
<body>
<div>
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
</div>
</body>
</html>
猜你喜欢
联络方式：
13363039260
微信二维码 