高防服务器

html怎么在图片下加条横线


html怎么在图片下加条横线

发布时间:2022-01-23 12:54:30 来源:高防服务器网 阅读:99 作者:iii 栏目:web开发

今天小编给大家分享一下html怎么在图片下加条横线的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

在html中,可以利用border-bottom属性来在图片下加条横线,该属性可给图片元素设置下边框样式,进而实现添加下横线的效果,语法“图片元素{border-bottom: 横线粗细 solid 横线颜色;}”。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

在html中,可以利用border-bottom属性来在图片下加条横线。

border-bottom属性可给元素添加下边框,设置下边框的大小、样式和颜色。

示例:

<!DOCTYPE html>  <html>  	<head>  		<meta charset="utf-8">  		<style>  			.img{  				border-bottom: 3px solid black;  			}  		</style>  	</head>    	<body>  		<img src="img/1.jpg" width="300px" />  		<img src="img/1.jpg" width="300px" class="img" />  	</body>    </html>

以上就是“html怎么在图片下加条横线”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注高防服务器网行业资讯频道。

[微信提示:高防服务器能助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

[图文来源于网络,不代表本站立场,如有侵权,请联系高防服务器网删除]
[