Bagaimana untuk menetapkan latar belakang untuk dipusatkan dan tidak berjubin dalam css-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menetapkan latar belakang untuk dipusatkan dan tidak berjubin dalam css

WBOY

Lepaskan： 2022-04-20 17:32:43

asal

2777 orang telah melayarinya

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.

Bagaimana untuk menetapkan latar belakang untuk dipusatkan dan tidak berjubin dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Cara untuk menetapkan latar belakang untuk dipusatkan dan tidak berjubin dengan css

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>

Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menetapkan latar belakang untuk dipusatkan dan tidak berjubin dalam css

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