CSS3教程

当前位置: HTML5技术网 > CSS3教程 > CSS3边框背景-边框背景(-border-image)

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

【CSS3边框背景-边框背景(-border-image)】相关文章

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

2. CSS3边框-边框颜色(border-color)

3. CSS3系列教程:背景图片(背景大小和多背景图)

4. CSS3系列教程:边框半径和圆角

5. CSS3系列教程:边框颜色

6. CSS3圆角详解:border-radius

7. CSS QUIZ: 带边 BORDER 的三角形

8. HTML5 postMessage 和 onmessage API 详细应用

9. Danger Ranger

10. Pure CSS3 Accordion Slider

本文来源:https://www.51html5.com/a771.html

点击展开全部

﹝CSS3边框背景-边框背景(-border-image)﹞相关内容

「CSS3边框背景-边框背景(-border-image)」相关专题

其它栏目

也许您还喜欢