Rumah > hujung hadapan web > tutorial css > Bagaimana untuk menetapkan ketinggian dan lebar elemen img dalam css

Bagaimana untuk menetapkan ketinggian dan lebar elemen img dalam css

WBOY
Lepaskan: 2021-12-09 18:45:08
asal
9542 orang telah melayarinya

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;}".

Bagaimana untuk menetapkan ketinggian dan lebar elemen img dalam css

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:高度值}
Salin selepas log masuk

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>
Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menetapkan ketinggian dan lebar elemen img dalam css

(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!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan