Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan latar belakang untuk dipusatkan dan tidak berjubin dalam css

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

WBOYasal: 2022-04-20 17:29:002760semak imbas

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.

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>

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!

html5 css css3 position background

Kenyataan：

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

Artikel sebelumnya：Bagaimana untuk menukar kelas div dengan jqueryArtikel seterusnya：Bagaimana untuk menukar kelas div dengan jquery

Artikel berkaitan

Lihat lagi