css3新增属性

最新推荐文章于 2024-10-06 15:01:40 发布

baiyeyyds

最新推荐文章于 2024-10-06 15:01:40 发布

阅读量107

点赞数 1

文章标签： css3 html5 css

本文链接：https://blog.csdn.net/baiyeyyds/article/details/120394170

版权

css3新增了一些背景属性：

background-clip ：设置背景覆盖范围

属性值：border-box : 背景显示区域到边框，默认值

padding-box：背景显示区域到内边距框

content-box：背景显示区域到内容框

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <style type="text/css">
           div{
               width: 200px;
               height: 200px;
               padding: 20px;
               border: 10px dashed;
               float: left;
               margin: 5px;
               background: yellow;
           }
       </style>
   </head>
   <body>
       <div></div>
       <div style="background-clip: border-box;">zz</div>
       <div style="background-clip: padding-box;">zz</div>
       <div style="background-clip: content-box;">zz</div>
   </body>
</html>