首页 > Web开发 > 详细

CSS_边框图片

时间:2021-06-22 09:31:07      阅读:13      评论:0      收藏:0      [点我收藏+]

使用场景:

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

切图原理:

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

切图语法:

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

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

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

  border-image-repeat : 是否平铺

注意:

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

  

CSS_边框图片

原文:https://www.cnblogs.com/wuyuchuan/p/14916838.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!