Rumah > Artikel > hujung hadapan web > latar belakang html tidak berulang
Bagaimana untuk menjadikan latar belakang HTML tidak berulang?
HTML (Hypertext Markup Language) ialah bahasa paling asas dalam pembangunan web Ia mengawal struktur dan kandungan halaman web melalui bahasa penanda. Dalam pembangunan web, reka bentuk latar belakang adalah sangat penting, ia boleh membawa keseronokan visual kepada pengguna dan menjadikan laman web lebih menarik. Walau bagaimanapun, kadangkala kami mendapati bahawa latar belakang halaman web diulang, yang sangat memudaratkan pengalaman visual. Jadi, bagaimana untuk mengelakkan latar belakang HTML daripada berulang? Artikel ini akan memberi anda jawapan terperinci.
Apabila saiz imej latar belakang tidak mencukupi, pengulangan sering berlaku. Pada ketika ini, kita boleh mengawal cara imej latar belakang berulang dengan menetapkan atribut ulangan latar belakang. Atribut ulangan latar belakang mempunyai empat nilai atribut:
(1) ulang: nilai lalai, imej latar belakang akan berulang secara mendatar dan menegak
(2) ulang-x: imej latar belakang hanya akan muncul dalam Ulang dalam arah mendatar, tetapi bukan dalam arah menegak;
(3) ulang-y: Imej latar belakang hanya berulang dalam arah menegak, bukan dalam arah mendatar; imej latar belakang tidak berulang sama sekali.
background-image:url("background.jpg");
background-repeat:no-repeat;
}
(2) mengandungi: Imej latar belakang diskalakan secara berkadar untuk memastikan imej itu dipaparkan sepenuhnya di dalam bekas.
background-image:url("background.jpg");
background-size:cover;
background-repeat:no-repeat;
}
(2) tetap: imej latar belakang tidak bergerak dengan menatal .
background-image:url("background.jpg");
background-repeat:no-repeat;
background-attachment:fixed;
}
Atas ialah kandungan terperinci latar belakang html tidak berulang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!