background-clip 规定元素的背景(背景图片或颜色)的绘制区域。
background-clip: padding-box background-clip: border-box background-clip: content-box
值 | 描述 |
---|---|
border-box | 此关键词表示背景延伸到边框外沿,必须在边框之下。 |
padding-box | 此关键词表示边框下没有背景,就是背景延伸到内边距外延。 |
content-box | 此关键词表示背景剪裁到内容区域的外沿。 |
HTML
<p class="hudao">Hudaokeji</p>
CSS
.hudao { border: 2px gray; border-style: dotted; margin: 1em; padding: 1em; background: red; background-clip: border-box; }
执行结果
Hudaokeji
相关链接
外部链接