CSS3 border-image属性
2016-01-17 11:42
453 查看
border-image-source:用在边框的图片路径上
border-image-slice:图片边框向内偏移
border-image-width:图片边框的宽度
border-image-outset:边框图像区域超出边框的量
border-image-repeat:图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。
实例:
div{
width:300px;
height:300px;
background:url(./shuaing.jpg) center no repeat;
border-image-source:url(./border.png)边框图片属性
border-image-width:27px;边框图片宽度属性
border-image-slice:27;边框图片切割属性
border-image-outset:0px;图片边框扩展属性
border-image-repeat:stretch;边框图片重复属性
}
border-image-slice:图片边框向内偏移
border-image-width:图片边框的宽度
border-image-outset:边框图像区域超出边框的量
border-image-repeat:图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。
实例:
div{
width:300px;
height:300px;
background:url(./shuaing.jpg) center no repeat;
border-image-source:url(./border.png)边框图片属性
border-image-width:27px;边框图片宽度属性
border-image-slice:27;边框图片切割属性
border-image-outset:0px;图片边框扩展属性
border-image-repeat:stretch;边框图片重复属性
}
相关文章推荐
- CSS+div总结
- css--动画
- css--动画
- 浅谈CSS外边距重叠
- CSS3动画
- phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
- 读书笔记 CSS权威指南 1~4章
- CSS Display(显示) and Visibility(可见性)
- CSS Positioning(定位)
- CSS Float(浮动)
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类(Pseudo-classes)
- 最大公共子序列求和问题(MCSS)
- FizzlerEx —— 另一个HtmlAgilityPack的CSS选择器扩展,
- CSS学习02
- 子元素浮动父容器高度不能自适应的CSS解决方法
- css样式
- CSS 中Font Awesome 图标(附码表)
- CSS制作三角标签