Rumah > Artikel > hujung hadapan web > css中img元素怎样设置高宽
css中img元素怎样设置高宽
- WBOYasal
- 2021-12-09 18:45:089418semak imbas
css中img元素设置高宽的方法：1、利用width属性设置img元素的宽度，语法为“img{width:宽度值;}”；2、利用height属性设置img元素的高度，语法为“img{height:高度值;}”。
本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。
css中img元素怎样设置高宽
在css中，可以利用width和height属性来设置img元素的宽高，width 属性设置元素的宽度，height 属性设置元素的高度。
语法为：
img{width:宽度值;height:高度值}示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.img1{
width:100px;
height:100px;
}
</style>
</head>
<body>
<img src="1118.02.png" class="img1"><br>
原始宽高：<br>
<img src="1118.02.png" >
</body>
</html>输出结果：
（学习视频分享：css视频教程）
Atas ialah kandungan terperinci css中img元素怎样设置高宽. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css怎样设置同一行字的格式不同Artikel seterusnya：css怎样隐藏光标