Rumah > Artikel > hujung hadapan web > css中怎么设置图片大小
css中怎么设置图片大小
- 青灯夜游asal
- 2021-04-13 18:50:5828655semak imbas
在css中，可以使用width和height属性来设置图片大小；只需要给img图片元素设置“width:值;height:值;”样式即可。width和height属性可以设置元素内容区的宽度和高度，不包括填充、边框、或页边距。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中，可以使用width和height属性来设置图片大小。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.a{
width: 200px;
height: 200px;
}
.b{
width: 200px;
height: 100px;
}
</style>
</head>
<body>
<img src="img/1.jpg" alt="" class="a">
<img src="img/1.jpg" alt="" class="b">
</body>
</html>效果图：
说明：
width 属性设置元素的宽度，height 属性设置元素的高度。
width 属性和height 属性定义元素内容区的宽度和高度，不包括填充，边框，或页边距；在内容区外面可以增加内边距、边框和外边距。
属性值：
| 值 | 描述 |
|---|---|
| auto | 默认。浏览器会计算出实际的高度。 |
| length | 使用 px、cm 等单位定义高度。 |
| % | 基于包含它的块级对象的百分比高度。 |
| inherit | 规定应该从父元素继承 height 属性的值。 |
（学习视频分享：css视频教程）
Atas ialah kandungan terperinci css中怎么设置图片大小. 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怎么设置背景图大小