边框图片怎么用

   欢迎加入前端技术营！如果你也是前端学习者或者对前端有学习的想法，那就跟着我一起从零开始进击前端。
  致力于尽可能详细且简洁的介绍前端知识、自己的捷径，也是学习路上的记录。欢迎探讨

---

---

边框图片简单理解就相当于相册边框，给盒子或图片加了个边框，二这个边框可以自己调整

基本属性

	<div>N 奈斯先生</div>
    <img src="qrcode.jpg" alt="">

给div加个边框：

div {
            width: 100px;
            height: 20px;
            border: 15px solid #ccc;
            border-image-source: url(border.jpg);
            border-image-slice: 30 30 30 30;
            border-image-width: 15px;
            border-image-repeat: round;
        }

给图片加个边框：

img {
            width: 300px;
            height: 300px;
            border: 10px solid pink;
            border-image-source: url(border.png);
            border-image-slice: 30 30 30 30;
            border-image-width: 15px;
            border-image-repeat: round;
            margin: 50px;
        }

---

本期到这里就结束了，感谢阅读！有问题留言，及时回复

---

• 点赞加关注，持续更新实用技巧、热门资源、软件教程等
• 有任何 软件 影视 教程资源 考证资料等需求留言即可