Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menetapkan latar belakang untuk dipusatkan dan tidak berjubin dalam css
Dalam css, anda boleh menggunakan "background:url(path) no-repeat center;" untuk menetapkan latar belakang menjadi berpusat dan tidak berjubin digunakan untuk menetapkan gaya latar belakang elemen, dan "no-repeat" digunakan untuk menunjukkan latar belakang Bukan jubin, tengah digunakan untuk menunjukkan bahawa latar belakang berpusat.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Hanya gunakan atribut latar belakang.
Atribut singkatan latar belakang boleh menetapkan semua atribut latar belakang dalam satu perisytiharan.
Pisahkan setiap nilai dengan ruang, tanpa tertib tertentu. Ada kemungkinan bahawa hanya beberapa nilai ini, seperti latar belakang: #FF0000 URL (smiley.gif);
Atribut yang boleh ditetapkan ialah:
warna latar belakang Nyatakan warna latar belakang yang akan digunakan
latar belakang- position Tentukan Kedudukan imej latar belakang
saiz latar belakang Menentukan saiz imej latar belakang
background-repeat Menentukan cara mengulang latar belakang imej
asal latar belakang Nyatakan kawasan kedudukan imej latar belakang
klip latar belakang Nyatakan kawasan lukisan latar belakang imej
latar belakang- lampiran Menetapkan sama ada imej latar belakang dibetulkan atau tatal dengan seluruh halaman.
imej latar belakang Tentukan satu atau lebih imej latar belakang untuk digunakan
Contoh adalah seperti berikut:
<html> <head> <style type="text/css"> body { background: url(/i/eg_bg_03.gif) no-repeat center; } </style> </head> <body> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> </body> </html>
Hasil keluaran:
(Belajar perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk menetapkan latar belakang untuk dipusatkan dan tidak berjubin dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!