CSS3 背景属性 backgrund-clip
2019-04-08 12:31
253 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.bordertest {
border: 30px solid red;
/* background: green; */
background-clip:content-box;
width:500px;
height:300px;
}
</style>
</head>
<body>
<div class="bordertest">
<hr>xxxxxxxxxxxxxx
<hr>xxxxxxxxxxxxxx
<hr>xxxxxxxxxxxxxx
<hr>xxxxxxxxxxxxxx
<hr>xxxxxxxxxxxxxx
<hr>xxxxxxxxxxxxxx
</div>
</body>
</html>
backgrund-clip有三个属性，限定背景出现的区域
默认为padding-clip
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css3新增背景属性background-clip/background-origin/background-size
- CSS3background-size背景图片尺寸属性
- css3实现一个div设置多张背景图片及background-image属性
- CSS3background-size背景图片尺寸属性
- css3的新属性background-clip认识
- css3属性中background-clip与background-origin的用法释疑
- CSS3-新增背景系列background相关属性
- Css3 模糊、背景裁切、线性渐变属性、控制placeholder的样式
- css3实现一个div设置多张背景图片及background-image属性
- css3 背景相关的新增属性
- css3新增属性（背景）
- css3属性中background-clip与background-origin的用法释疑
- css3的一个控制背景的属性，background-size可以缩放大小啦
- CSS3 background-clip 属性
- CSS3背景属性和CSS3的渐变
- css3实现一个div设置多张背景图片及background-image属性
- CSS3背景图片尺寸属性
- css3背景、边框、和补丁相关属性 （二）
- css3属性中background-clip与background-origin的用法区别？
- CSS3——新增背景属性和边框样式