1.边框设置背景图
/*
round/repeat指定平铺方式。
若图片大于边框,round会压缩图片,使其整数个平铺;
而repeat则自然平铺
*/
border-image: url(路径) xxpx round/repeat
2.边框画三角形的原理
边框取不同颜色时,边框衔接处会出现分界线,利用分界线,再将盒子的内容设为0(即width=height=0),即可实现
(注:border-radius可以实现扇形)
1.边框设置背景图
/*
round/repeat指定平铺方式。
若图片大于边框,round会压缩图片,使其整数个平铺;
而repeat则自然平铺
*/
border-image: url(路径) xxpx round/repeat
2.边框画三角形的原理
边框取不同颜色时,边框衔接处会出现分界线,利用分界线,再将盒子的内容设为0(即width=height=0),即可实现
(注:border-radius可以实现扇形)