background-clip

時間 2019-11-21

標籤 background clip 简体版

原文原文鏈接

background-clip 用來將背景圖片作適當的裁剪以適應實際須要html

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

參數分別表示從邊框、或內填充，或者內容區域向外裁剪背景。no-clip表示不裁切，和參數border-box顯示一樣的效果。backgroud-clip默認值爲border-box。spa

背景：3d

<!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.htmlcode

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。