揭秘CSS(第 1 版)
4.5.8 背景裁剪区域
阅读(

background-clip:padding-box 效果演示

background-clip

属性取值:




HTML代码:

<p class="padding-box"></p>

CSS代码:

.padding-box   {
	width: 120px;
	height: 90px;
	border: 10px dashed #888;
	padding: 20px;
	background-color: yellow;
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-clip: padding-box;
}

运行效果:

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验