九宫格切图

HTML与CSS相关知识

最新推荐文章于 2024-04-28 18:16:44 发布

原创最新推荐文章于 2024-04-28 18:16:44 发布 · 465 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #css3

此博客围绕HTML和CSS展开，虽未给出具体内容，但从标签可知涉及HTML、CSS及CSS3相关信息技术知识。

.box {
  border:12px solid #000;
  border-image-source:url(xxx.png);
  border-image-slice:12 12 12 12; //上右下左 需要切割的像素高度
  border-image-width:12px 12px 12px 12px; //用于覆盖边框的图片宽度，和切割图片的宽度所对应的 
  border-image-outset:12px 12px 12px 12px; //让边框背景延伸到盒子外
  border-image-repeat:repeat;
}