首页 > 其他 > 详细

边框图片样式的简单理解

时间:2015-11-08 22:29:12      阅读:315      评论:0      收藏:0      [点我收藏+]

border-image:url:(images/WhiteButton.png) 0 12 0 12 stretch stretch;
“0 12 0 12”:按顺时针方向分别是上右下左边框的宽度,即上:0;右:12;下:0;左:12。
stretch | repeat | round 即为除去边框后的图像拉伸的方法,第一个stretch为上下拉伸方法,第二个stretch为左右拉伸方法:
stretch:指定用拉伸方式来填充边框背景图。
repeat:指定用平铺方式来填充边框背景图。当图片碰到边界时,如果超过则被截断。
round:指定用平铺方式来填充边框背景图。图片会根据边框的尺寸动态调整图片的大小直至正好可以铺满整个边框。

边框图片样式的简单理解

原文:http://www.cnblogs.com/yllam/p/4948369.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!