Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan ketinggian dan lebar elemen img dalam css
Bagaimana untuk menetapkan ketinggian dan lebar elemen img dalam css
- WBOYasal
- 2021-12-09 18:45:089504semak imbas
Cara menetapkan ketinggian dan lebar elemen img dalam css: 1. Gunakan atribut lebar untuk menetapkan lebar elemen img Sintaks ialah "img{width:width value;}" 2 . Gunakan atribut ketinggian untuk menetapkan ketinggian elemen img , sintaksnya ialah "img{height:height value;}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Cara untuk menetapkan ketinggian dan lebar elemen img dalam css
Dalam css, anda boleh menggunakan atribut lebar dan ketinggian untuk menetapkan lebar dan tinggi elemen img Atribut lebar menetapkan lebar elemen, dan atribut ketinggian menetapkan ketinggian elemen.
Sintaksnya ialah:
img{width:宽度值;height:高度值}Contoh adalah seperti berikut:
<!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" alt="Bagaimana untuk menetapkan ketinggian dan lebar elemen img dalam css" ><br>
原始宽高：<br>
<img src="1118.02.png" alt="Bagaimana untuk menetapkan ketinggian dan lebar elemen img dalam css" >
</body>
</html>Hasil keluaran:
(Ketahui perkongsian Video: tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk menetapkan ketinggian dan lebar elemen img dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!