background-clip

background-clip  用来将背景图片做适当的裁剪以适应实际需要

background-clip ： border-box | padding-box | content-box | no-clip

参数分别表示从边框、或内填充，或者内容区域向外裁剪背景。no-clip表示不裁切，和参数border-box显示同样的效果。backgroud-clip默认值为border-box。

背景：

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:300px;
padding:50px;
background-color:yellow;
background-clip:content-box;
border:2px solid #92b901;
}
</style>
</head>
<body>

<div>
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
封疆大吏封疆大吏里的风景劳动纠纷的，浪费大家发来的风景倒垃圾浪费大家发来的肌肤劳动纠纷劳动局
了封疆大吏封疆大吏减肥了大量肌肤劳动纠纷
</div>
</body>
</html>

http://www.cnblogs.com/vampire170204/p/6385804.html

posted @ 2017-02-10 17:56  最爱小虾  阅读(338)  评论(0)  编辑  收藏  举报