站长资讯网
最全最丰富的资讯网站

html如何在图片下加条横线

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

html如何在图片下加条横线

本教程操作环境: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如何在图片下加条横线

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号