border-image

border-image

属性之间用 '/' 分隔。

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

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

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

posted @ 2019-01-21 17:46  Frank-f  阅读(115)  评论(0编辑  收藏  举报