如何用html给图片加边框

145 阅读 0 评论 96 点赞

我是靠谱客的博主明亮早晨，最近开发中收集的这篇文章主要介绍如何用html给图片加边框，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、html5版，DELL G3电脑。

用html给图片加边框的方法：

1、如图，在代码工具中，先建好几个图片，如图这里的img图片被div盒子包含；然后将盒子设置宽度，然后浮动；图片填充整个盒子大小

2、效果就是这样的，如图

3、添加图片的描边效果有两种方法，对图片添加描边或者是给外面的盒子套个描边，先看给图片添加描边，如图；就是直接在img图片标签里添加上描边border

4、如图，添加了描边后的图片效果

5、想要改变图片的描边大小以及颜色，在这里修改

6、然后如果是在div盒子添加描边效果时，和跟在img上添加方法一样，也是border属性

7、两种方法都能够成功，看你习惯使用哪种方法了。

以上就是如何用html给图片加边框的详细内容，更多请关注靠谱客其它相关文章！

以上就是明亮早晨为你收集整理的如何用html给图片加边框的全部内容，希望文章能够帮你解决如何用html给图片加边框所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。