CSS3边框图片属性---border-image
2015-10-28 00:00
543 查看
#div{
border:18px solid;
border-image:url("http://img.mukewang.com/52e22a1c0001406e03040221.jpg") 0 18 repeat;//横坐标为0,没有上下边框,只有左右边框
}
#div{
border:18px solid;
border-image:url("http://img.mukewang.com/52e22a1c0001406e03040221.jpg") 18 0 repeat;//纵坐标为0,没有左右边框,只有上下边框
}
#div{
border:18px solid;
border-image:url("http://img.mukewang.com/52e22a1c0001406e03040221.jpg") 18 repeat;//上下左右都有18px的边框
}
border:18px solid;
border-image:url("http://img.mukewang.com/52e22a1c0001406e03040221.jpg") 0 18 repeat;//横坐标为0,没有上下边框,只有左右边框
}
#div{
border:18px solid;
border-image:url("http://img.mukewang.com/52e22a1c0001406e03040221.jpg") 18 0 repeat;//纵坐标为0,没有左右边框,只有上下边框
}
#div{
border:18px solid;
border-image:url("http://img.mukewang.com/52e22a1c0001406e03040221.jpg") 18 repeat;//上下左右都有18px的边框
}
相关文章推荐
- css中的选择器
- 10月27日 css学习笔记
- 用js或者CSS实现鼠标指向图片时放大
- Activity使用Dialog样式导致点击空白处自动关闭的问题
- CSS 属性behavior
- css基础知识
- CSS杂记
- php使用gzip压缩传输js和css文件的方法
- 登陆页面CSS
- 【CSS3】标签使用说明
- CSS3 :nth-child() 选择器
- css3 复选框样式
- 前端性能优化之js,css调用优化
- C# DevExpress_gridControl 行号行样式
- CSS3 pointer-events:none应用举例及扩展
- 如何命名CSS文件及样式规范更利于SEO优化
- css编码规范
- CSS3动画功能 --- transition、transform、3D场景
- 横线-文字-横线的html-css布局
- JS获取元素属性、样式getComputedStyle()和currentStyle方法兼容性问题