欢迎加入前端技术营!如果你也是前端学习者或者对前端有学习的想法,那就跟着我一起从零开始进击前端。
致力于尽可能详细且简洁的介绍前端知识、自己的捷径,也是学习路上的记录。欢迎探讨
文章目录
边框图片简单理解就相当于相册边框,给盒子或图片加了个边框,二这个边框可以自己调整
基本属性
<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;
}
本期到这里就结束了,感谢阅读!有问题留言,及时回复
- 点赞加关注,持续更新实用技巧、热门资源、软件教程等
- 有任何 软件 影视 教程资源 考证资料等需求留言即可