CSS3边框背景-边框背景(-border-image)

时间:2014-12-12

 另一个令人兴奋的新特征是边框图片。有了这项功能您可以定义一个图像被用来代替正常的边框的一个组成部分。这项功能实际上是分成了几个属性:边框和边框角的形象。这两个值是:

 

  • border-image:
    • border-top-image
    • border-right-image
    • border-bottom-image
    • border-left-image
  • border-corner-image:
    • border-top-left-image
    • border-top-right-image
    • border-bottom-left-image
    • border-bottom-right-image
  • 代码:
  • border-image: url(border.png) 27 27 27 27 round round;
  • 效果图:
  •  
    \
    或:
    border-image: url(border.png) 27 27 27 27 stretch stretch;
     
    \
    \

 

 

上一篇:CSS3边框-边框颜色(border-color) 下一篇:CSS3 HTML5实例一(圆角)

相关文章

最新文章