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;

转载于:https://www.cnblogs.com/mixer/archive/2012/04/12/2444514.html

CSS3边框背景-边框背景(-border-image)相关推荐

CSS3选择器、边框、背景、按钮
1.CSS3概述 (1).CSS3简介如同人类的的进化一样,CSS3是CSS2的"进化"版本,在CSS2基础上,增强或新增了许多特性,弥补了CSS2的众多不足之处,使得Web开 ...
08.CSS3选择器、边框、背景、按钮
CSS3概述 CSS3简介如同人类的的进化一样,CSS3是CSS2的"进化"版本,在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高 ...
css3属性之边框圆角、背景与渐变
css3之圆角.背景及渐变 border-radius 兼容性:IE9+.Firefox 4+.Chrome.Safari 5+ 以及 Opera border-radius 属性允许我们为元素添加圆 ...
css3边框交替动画_用css3实现惊艳面试官的背景即背景动画（高级附源码）
我们传统的前端更多的是用javascript实现各种复杂动画,自从有了Css3 transition和animation以来,前端开发在动画这一块有了更高的自由度和格局,对动画的开发也越来越容易.这篇 ...
css3实现0.5px边框、圆角渐变色边框+圆角渐变色背景
效果图 0.5px边框 0.5px边框,可以用伪元素实现,before.after都可以.移动端H5页面用的比较多. 圆角渐变色边框+圆角渐变色背景实现外部圆角边框,内部圆角渐变色背景,是用父div ...
css背景边框列表链接
ife2018 第四天,背景边框列表链接和更复杂的选择器课程目标掌握 CSS 稍微复杂的一些选择器,还有背景,边框等一些 CSS 样式属性. background属性 background-col ...
CSS实现自适应的图片背景边框代码
代码简介: CSS漂亮的图片边框,边框是用背景图片修饰的,不过可以自适应大小,这点挺实用的,不论你的图片有多大,它始终显示在图片的外围,不会错位,这当然还要归功于CSS的功劳. 代码内容: View ...
css常用样式（文字样式、边框样式、背景样式）
CSS常用样式 CSS常用文字样式 color: brown; /*文字颜色*/ /*color: #333333;这样的也可以,这种颜色的表示方法是RGB的方式,没两位数表示一种颜色的度数, 一般情 ...
百度前端技术学院--零基础--第四天：背景边框列表链接和更复杂的选择器
第四天背景边框列表链接和更复杂的选择器课程目标掌握CSS稍微复杂的一些选择器,还有背景,边框等一些CSS样式属性课程描述复习 CSS的基本概念,基本的选择器,以及关于字体的一些样式设置. 阅 ...

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

CSS3边框背景-边框背景(-border-image)相关推荐

最新文章

热门文章