CSS_边框图片

使用场景:

  盒子大小不一,但边框样式相同,此时需要边框图片来实现

切图原理:

  切四个角,一定保证四个角切完整。四条边可以拉伸。(切4刀,分成9块)

切图语法:

  border-image-source : 边框图片路径

  border-image-slice : 裁剪的尺寸,不加单位

  border-image-width : 边框图片的宽度,不是边框的宽度

  border-image-repeat : 是否平铺

注意:

  边框宽度会挤压里面的文字,边框图片的宽度不会挤压里边的文字(通常边框宽度=边框图片的宽度)

  

CSS_边框图片

上一篇:PHP 判断远程文件是否存在


下一篇:Kubernetes集群安装