css怎样给边框设置背景图片

css中，可用“border -i mage -s ource”和“border-image-slice”属性设置边框背景图片，语法“元素{border-image-source:url(图片路径);border-image-slice:数值}”。

本教程操作环境：windows10系统、CSS3 && HT ML 5版、Dell G3 电脑。

css 怎样给边框设置背景图片

在css中，想要给边框设置背景图片，需要通过border-image-source属性和border-image-slice属性。

border-image-source用于设置边框的背景图片，border-image-slice属性用于设置边框背景图像的样式。

示例如下：

<!DOCTY PE  html>
<html>
    <head>
        < ;m eta charset="UTF-8">
        <style>
div{
      width: 300px;
      h ei ght: 300px;
      m arg in: 100px;
      border: 10px solid  # 000;
      border-image-source: url(1118.02.png);
      border-image-slice: 20 20 20 20;
    }
        </style>
    </head>
    <body>
    <div></div>
    </body>
</html>

输出结果：

（学习视频分享：css视频教程）

以上就是css怎样给边框设置背景图片的详细内容，更多请关注其它相关文章！

总结

以上是为你收集整理的 css怎样给边框设置背景图片全部内容，希望文章能够帮你解决 css怎样给边框设置背景图片所遇到的问题。

如果觉得网站内容还不错，推荐好友。

查看更多关于css怎样给边框设置背景图片的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did200467

更新时间：2023-04-27 阅读：33次