如何用html给图片加边框

coldplay.xixi
发布: 2023-01-03 09:27:44
原创
29375 人浏览过

用html给图片加边框的方法:首先给外面的盒子套个描边,直接在img图片标签里添加上描边border;然后修改图片的描边大小以及颜色。

如何用html给图片加边框

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

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

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

05fa4cbd7b1a00a1d845a775d4317f4.png

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

8a0e7dc3b721ecc8c01147b577342dc.png

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

1182494e6c2f57631cbb3efe347de67.png

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

11c0932663bdd3b686de5d3ede4a169.png

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

1480ba07b3122912d92323956f3fc71.png

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

390f209cdf92c72c5a4e92c25a39dc5.png

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

e9d17ef320a546ef8c8fb1ec2ff0956.png

相关学习推荐:html视频教程

以上是如何用html给图片加边框的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!