一个CSS3简单的前端问题,请问这个从头到尾什么意思 非常感谢!

-webkit-border-image:url(img/corners.gif) 25% 25% 25% 25% / 25px round round;
请问这个从头到尾什么意思 非常感谢!

2个回答

-webkit 表示只在浏览器内核为 webkit 的浏览器上生效。
border-image 表示边框使用图片。 后面就是图片的地址,和图片拉升的程度
http://www.runoob.com/cssref/css3-pr-border-image.html
从头到尾就是 在浏览器内核为 webkit 的情况下,给这个元素添加一个以url(img/corners.gif)图片为边框的样式。

1.-webkit-是css3为了兼容谷歌(webkit内核的)浏览器而加的前缀,
2.border-image是css3中新增加的属性,指的是给边框加图片,我觉得不是很常用,一直没用过这个属性
3.后面的一堆25%指的是切割图片的宽度,分别是上右下左(跟正常的一样)
4.round是指完全的铺满,可能会拉伸或平铺
谷歌浏览器中round和stretch的效果相同

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问