Rumah >hujung hadapan web >tutorial css >Bagaimana untuk menetapkan imej menjadi selebar bekas dalam css
Bagaimana untuk menetapkan imej menjadi selebar bekas dalam css
- WBOYasal
- 2021-12-03 10:20:163604semak imbas
Dalam CSS, anda boleh menggunakan atribut lebar untuk menetapkan elemen imej selebar bekas Atribut ini digunakan untuk menetapkan lebar elemen apabila nilai atribut ialah "100%". lebar elemen ialah lebar elemen induk, iaitu lebar bekas, sintaks ialah "elemen gambar {width:100%;}".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Cara untuk menetapkan imej selebar bekas dalam css
Dalam css, kita hanya perlu menggunakan atribut lebar bagi imej untuk membuat imej Untuk menetapkannya selebar bekas, cuma tetapkan nilai atribut lebar imej kepada 100%. Atribut
lebar menetapkan lebar elemen. Mentakrifkan lebar peratusan berdasarkan lebar blok yang mengandungi (elemen induk) apabila unit nilai atribut ialah %. , iaitu peratusan lebar bekas.
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>
</head>
<body>
<style>
div{
width: 200px;
height: 200px;
border:1px solid #000000;
}
div img{
width: 100%;
}
</style>
<div>
<img src="1118.02.png" / alt="Bagaimana untuk menetapkan imej menjadi selebar bekas dalam css" >
</div>
</body>
</html>Hasil keluaran:
Begitu juga, jika anda mahu ketinggiannya setinggi bekas, hanya tambah atribut ketinggian, tetapkan nilai atribut kepada 100%.
(Mempelajari perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk menetapkan imej menjadi selebar bekas dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!