css 背景属性：background-clip和参数的使用
css 背景属性：background-clip和参数的使用：background-clip: content-box;background-clip: padding-box;
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style>7
#example1 {8
border: 10px dotted black;9
padding:35px;10
background: yellow;11
}12
13
#example2 {14
border: 10px dotted black;15
padding:35px;16
background: yellow;17
background-clip: padding-box;18
}19
20
#example3 {21
border: 10px dotted black;22
padding:35px;23
background: yellow;24
background-clip: content-box;25
}26
</style>27
</head>28
<body>29
30
<p>没有背景剪裁 (border-box没有定义):</p>31
<div id="example1">32
<h2>Lorem Ipsum Dolor</h2>33
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>34
</div>35
36
<p>background-clip: padding-box:</p>37
<div id="example2">38
<h2>Lorem Ipsum Dolor</h2>39
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>40
</div>41
42
<p>background-clip: content-box:</p>43
<div id="example3">44
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java