边框与背景 :background-clip

边框与背景 :background-clip

  默认情况下,背景会延伸到边框所在区域的下层。如 图1-1 深色背景在浅色虚线的下层。

                                                                   图1-1


     那我们如果想要背景完全展示出来或者想给他加个透明边框,该如何处理呢?

     我们可以通过 background-clip 属性来调整这种默认行为带来的不便。

     background-clip共有三个值:

             border-box(默认值):背景会被元素的border-box(边框外沿线)裁切掉。如 图1-1

             padding-box:背景会被从内边距的外沿线裁切掉。如 图1-2,图1-3

             content-box:背景会被从内容的外沿线裁切掉。如 图1-4

                                                                    图1-2


     

                                                               图1-3


                                                                         图1-4



回复列表



回复操作

正在加载验证码......

请先拖动验证码到相应位置

发布时间:2017-09-13 17:11:33

修改时间:2017-09-13 17:15:24

查看次数:484

评论次数:0

TA的文章总数

2