polariis
首页
标签
分类
归档
关于
留言板
友情链接
polariis
前端进阶之旅
首页
标签
分类
归档
关于
留言板
友情链接
边框图片的使用
CSS
CSS
发布日期: 2021-09-26
更新日期: 2023-02-07
文章字数: 116
阅读时长: 1 分
场景
:盒子大小不一,但是边框样式相同时。不以背景图的形式。
实现
:使用css或js切图。把四个角切出去,中间部分可以铺排,拉伸或环绕。(九宫格)
切的顺序
:顺时针,上右下左。
边框图片的语法
:
PS
:
具体四个角的宽度可以使用切图工具测量。
border-image-width不会挤压文字的大小。
border-image-repeat不同值的效果区别:
文章作者:
polariis
文章链接:
https://polariis.gitee.io/posts/b6e8d24f/
版权声明:
本博客所有文章除特別声明外,均采用
CC BY 4.0
许可协议。转载请注明来源
polariis
!
CSS
赏
你的赏识是我前进的动力
支付宝
微 信
评论
上一篇
各类居中&定位
2021-09-27
CSS
CSS
下一篇
媒体查询+rem实现元素动态变化
2021-09-25
CSS
CSS
目录
搜索