怎么新建MySQL数据库
发布时间：2022-11-11
作者：admin
阅读：505
阅读：505
这篇文章给大家分享的是“CSS图片添加边框有几种方法，用哪些属性”，对大家学习和理解有一定的参考价值和帮助，有这方面学习需要的朋友，接下来就跟随小编一起学习一下吧。
“CSS图片添加边框有几种方法，用哪些属性”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业技术相关的知识可以关注群英网络网站，小编每天都会为大家更新不同的知识。
图片添加边框效果的方法
1、打开HTML代码软件，建立一个代码，添加图片效果有两种方法
一方法：图片添加描边或者是给外面的盒子。
二方法：就是直接在img图片标签。
两项选一，我用是二方法。
代码示例
<style>
<div>{
margin-top:50px;
margin-left: 100px:
}
</style>
</head>
<body>
<div>
<img src="787.jpg">
</div>
代码效果
代码效果出来了，发现没有边框了。
2、图片添加边框设置，样式：border-style，样式有solid 实心的、dashed虚线等样式，颜色使用border-color来设置，粗细使用border-width来设置。
注：边框样式border-style，这重要的，不然其它属性全部失效。
div img{
border-style: dashed;
border-width: 5px;
border-color: blue;
代码效果出来，这样就是一个边框颜色后，现在的边框是一个虚线组成的
3、将这三个属性组合成一个属性，就如border:dashed 5px blue；这样效果还是一样的，很方便。
div img{
border:dashed 5px blue;
}
代码效果出来了还是一样，因为三个属性组合成一个属性，接着，我们只选择对图片的一边添加效果。
4、左边：border-left，右侧：border-right，上面：border-top，下面：border-left按照这样的设置可以单独对任何一边设置。
div img{
border:dashed 5px blue;
border-right:solid 10px blue;
border-top: solid 10px blue;
border-bottom: solid 10px blue;
border-left: solid 10px blue;
}
5、代码效果出来了，差不多这个状态，边框宽度能不能放大？通过div的border属性控制边框颜色，设置border的宽度为20px，颜色为蓝色
div img{
border:dashed 5px blue;
border-right:solid 20px blue;
border-top: solid 20px blue;
border-bottom: solid 20px blue;
border-left: solid 20px blue
最终效果了。
笔记：border简写属性的构成
-
border-width：规定边框的宽度；
-
border-style：规定边框的样式；
-
border-color：规定边框的颜色。
“CSS图片添加边框有几种方法，用哪些属性”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业技术相关的知识可以关注群英网络网站，小编每天都会为大家更新不同的知识。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
相关阅读
长按识别二维码并关注微信
更方便到期提醒、手机管理