background-clip: padding-box;
//裁剪背景图片。这个要个background-origin配合理解。如果:
background-origin:padding-box;
//表示,图片将从div左上角的padding部分开始显示;如果我此刻希望把落在padding部分的背景图片裁剪掉,只剩下content部分的背景图,就可以这样做:
background-clip:content-box;
注意这种情况和直接使用background-origin:content-box的区别!对于用户而言,显示出来的背景图片的内容是不一样的
//裁剪背景图片。这个要个background-origin配合理解。如果:
background-origin:padding-box;
//表示,图片将从div左上角的padding部分开始显示;如果我此刻希望把落在padding部分的背景图片裁剪掉,只剩下content部分的背景图,就可以这样做:
background-clip:content-box;
注意这种情况和直接使用background-origin:content-box的区别!对于用户而言,显示出来的背景图片的内容是不一样的
2016-08-17
最新回答 / 刘颜
为什么/*使用伪元素制作导航列表项分隔线*/ .nav li:after{ content:""; position:absolute; right:0px; top:20px; height:15px; width:1px; background:linear-gradient(to bottom,#f82f87,#B0363...
2016-08-16
另外一种思路
/*使用伪元素制作导航列表项分隔线*/
.nav li:after{
content:"";
width:1px;
height:13px;
display:block;
position:absolute;
top:20px;right:0;
background:rgba(255,255,255,0.3);
border-radius:50%;
box-shadow: 1px 0 3px 1px rgba(0,0,0,0.3) ;
}
/*使用伪元素制作导航列表项分隔线*/
.nav li:after{
content:"";
width:1px;
height:13px;
display:block;
position:absolute;
top:20px;right:0;
background:rgba(255,255,255,0.3);
border-radius:50%;
box-shadow: 1px 0 3px 1px rgba(0,0,0,0.3) ;
}
2016-08-16
border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 15 repeat;
2016-08-16