我的家园

我的家园

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

Posted on 2012-04-15 16:37 zljpp 阅读(108) 评论(0)  编辑  收藏

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

 

  • 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=

 


只有注册用户登录后才能发表评论。


网站导航: