css怎样改变一个图片高度和宽度_心得技巧

上一篇: mac怎样查看node安装的位置下一篇:将内联元素转换为块元素的css语句...

css怎样改变一个图片高度和宽度

发布时间：2022-05-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了css怎样改变一个图片高度和宽度，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

在css中，可以使用width和height属性来改变一个图片高度和宽度，只需要给图片元素添加“width:宽度值;height:高度值;”样式即可。width属性可设置元素的宽度，height属性可设置元素的高度。

css怎样改变一个图片高度和宽度

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

在css中，可以使用width和height属性来改变一个图片高度和宽度。

width属性可设置元素的宽度，height属性可设置元素的高度。

示例：

<!DOCTYPE html>
<html>
	<head>
		<style>
			.img1 {
				width: 400px;
				height: 400px;
			}
		</style>
	</head>
	<body>

		<p>原图片宽度:200px，高度：200px</p>
		<img src="img/1.jpg">
		<p>使用css设置宽度为:400px，高度为：400px</p>
		<img class="img1" src="img/1.jpg">
	</body>
</html>

css怎样改变一个图片高度和宽度