Rumah >hujung hadapan web >tutorial css >Bagaimana untuk menetapkan saiz penyesuaian imej latar belakang dalam css
Bagaimana untuk menetapkan saiz penyesuaian imej latar belakang dalam css
- WBOYasal
- 2021-12-03 11:23:0859495semak imbas
Dalam CSS, anda boleh menggunakan atribut "saiz latar belakang" untuk menetapkan saiz penyesuaian imej latar belakang Atribut ini digunakan untuk menetapkan saiz imej latar belakang. size:cover;" kepada elemen imej latar belakang. Gaya, anda boleh menjadikan saiz imej latar belakang adaptif.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Cara untuk menetapkan saiz penyesuaian imej latar belakang dalam css
Dalam css, anda boleh menggunakan atribut saiz latar belakang untuk menetapkan saiz penyesuaian imej latar belakang. Atribut ini digunakan untuk menentukan saiz imej latar belakang. Apabila nilai atribut ini adalah penutup, nisbah bidang imej dikekalkan dan imej diskalakan kepada saiz minimum yang akan meliputi sepenuhnya kawasan kedudukan latar belakang.
Mari kita lihat pada penetapan imej latar belakang halaman supaya menjadi adaptif.
( Mempelajari perkongsian video:<!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>
body{
background-image:url("1118.02.png") ;
background-size:cover;
}
</style>
</head>
<body>
</body>
</html>tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk menetapkan saiz penyesuaian imej latar belakang dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!