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)
8. HTML5 postMessage 和 onmessage API 详细应用
10. Pure CSS3 Accordion Slider
本文来源:https://www.51html5.com/a771.html
上一篇:检测用户浏览器是否支持CSS3
下一篇:使用CSS3和RGBa创建超酷的按钮
﹝CSS3边框背景-边框背景(-border-image)﹞相关内容
- 在CSS3中使用多背景
- George Fox谈Adobe开发者社区与HTML5内容建设
- Image Wall - jQuery & CSS3 图片墙效果
- HTML5 Dashboard – 让你激动的 Web 技术
- Mozilla HTML5 Dashboard:HTML5新技术演示集合
- 基于Edge Animate可视化工具开发CSS3动画
- Cardinal:一个用于移动项目开发的轻量 CSS 框架
- JS操作CSS随机改变网页背景
- CSS设置DIV背景色渐变显示
- CSS创始人之一Bert Bos:CSS只是进化的一部分