码迷,mamicode.com
首页 > 其他好文 > 详细

border-image

时间:2019-01-21 19:31:15      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:存在   位置   圆角   分享   贴图   技术   http   剪裁   默认   

border-image

技术分享图片

属性之间用 ‘/‘ 分隔。

slice 其有1~4个参数,代表上右下左四个方位的剪裁,九宫格方式裁剪
outset 相当于把原来的贴图位置向外延伸。不能为负值
repeat 可选参数 stretch(默认,拉伸) round(凑整填充,适当拉伸) repeat(不拉伸,不凑整)

存在border-radius时,border-images不会有圆角

可以使用background来做渐变边框 + 圆角

border-image

标签:存在   位置   圆角   分享   贴图   技术   http   剪裁   默认   

原文地址:https://www.cnblogs.com/Frank-f/p/10300061.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!