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

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

 

  • 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;
  • 效果图:
  •  
    \" width=
    或:
    border-image: url(border.png) 27 27 27 27 stretch stretch;
     
    \" width=
    \" width=

 

posted @ 2012-04-12 19:53  张长胜  阅读(277)  评论(0编辑  收藏  举报