CSS3 HTML5实例二(图形化边界)_HTML5中文网 - 我们以促进HTML5在中国的普及而努力
2014-01-22 12:44:29
[小 大]
已经帮助：人解决问题
顾名思义，图形化边界就是允许使用图片作为对象的边界，语法如下:
border: 5px solid #cccccc;
-webkit-border-image: url(/images/border-image.png) 5 repeat;
-moz-border-image: url(/images/border-image.png) 5 repeat;
border-image: url(/images/border-image.png) 5 repeat;
这里，border: 5px 设定了边界的宽度，然后，每个边界的图片定义告诉浏览器，使用图片的多大一部分来充当边界。边界图片还可以针对每一条边单独设置：
border-bottom-rightright-image
border-bottom-image
border-bottom-left-image
border-left-image
border-top-left-image
border-top-image
border-top-rightright-image
border-right-image
支持的浏览器： Firefox 3.1, Safari , Chrome.
(责任编辑：admin)
（责任编辑：）
