border-image 单边设置
来源:互联网 发布:手机淘宝修改退款金额 编辑:程序博客网 时间:2024/04/30 14:50
先上一张效果图:
设置这样的边框,可以直接使用border-image属性,而不是将整个边框切下来作背景图。步骤如下:1. 切出边框图片重复的小单元,如下图:
2. 设置css样式:
border-image-source:url(../img/border_img.png);border-image-slice:0 0 100% 0;border-image-width:0.05rem;border-image-repeat:repeat;
将这些属性合并起来可写为:
border-image:url(../img/border_img.png) 0 0 100%/0.05rem 0 repeat;
3. 若想此单边框在上方,可只修改
border-image-slice:100% 0 0 0;
阅读全文
0 0
- border-image 单边设置
- border-image
- border-image
- border-image
- border-image
- IOS UIView 设置单边实现
- css3 border-image使用说明
- css3 border-image
- CSS3 border-image 属性
- CSS3 Border-image
- css3 的 border-image
- CSS3 border-image
- border-image的使用
- CSS3 border-image属性
- CSS3 border-image详解
- border-image-slice
- border-image属性分析
- border-image详解
- 机器学习—第四周—作业2—用深度神经网络分类图像
- 深入理解js原型与原型链
- 东芝mipi转LVDS芯片TC358775XBG调试
- MTCNN解读:Joint Face Detection and Alignment using Multi-task Cascaded Convolutional Networks
- 解决安卓7.0系统裁剪图片出错问题
- border-image 单边设置
- Dubbo:关于与高版本的Spring集成的事情
- Python自然语言处理 9 建立基于特征的文法
- Android 15个流行网络框架
- 工程代码行数统计
- VLD(Visual LeakDetector)内存泄露工具的使用
- Jenkins主从节点配置
- docker + tensorflow serving 踩坑记录
- mongo连接不上的问题