Bagaimana untuk membuat latar belakang gambar di HTML dan CSS. 3 cara mudah.

Menetapkan warna pelan belakang keluar dari palet. Warna pewaris selalu bertepatan dengan warna elemen nenek moyang.
Salam. Dalam artikel ini, saya ingin memberitahu tentang tiga cara untuk meletakkan imej sebagai latar belakang keseluruhan halaman menggunakan hanya HTML + CSS (tanpa menggunakan JS).

Salam. Dalam artikel ini, saya ingin memberitahu tentang tiga cara untuk meletakkan imej sebagai latar belakang keseluruhan halaman menggunakan hanya HTML + CSS (tanpa menggunakan JS).

Oleh itu, keperluan untuk imej latar belakang kami adalah seperti berikut:

  • Lebar 100% dan ketinggian halaman dilindungi
  • Skala latar belakang jika perlu (latar belakang diregangkan atau dimampatkan bergantung pada saiz skrin)
  • Tampalkan perkadaran gambar (nisbah aspek)
  • Imej yang berpusat pada halaman
  • Latar belakang tidak menyebabkan skrol
  • Penyelesaiannya adalah maksimal crossbrawser
  • Tiada teknologi lain yang digunakan kecuali CSS

Menetapkan warna pelan belakang keluar dari palet. Warna pewaris selalu bertepatan dengan warna elemen nenek moyang.

Kaedah 1.

Pada pendapat saya, ini adalah cara terbaik, kerana ia adalah yang paling mudah, ringkas dan moden. Ia menggunakan harta CSS3 Saiz latar belakang. yang kita gunakan pada tag Html. . Betul-betul Html. , tetapi tidak Badan. kerana. Ketinggiannya lebih besar daripada atau sama dengan ketinggian tetingkap penyemak imbas.

Pasang latar belakang yang tetap dan berpusat, kemudian laraskan saiznya menggunakan Saiz Latar Belakang: Tutup .

Html { 

Latar belakang-imej: URL (imej / latar belakang.jpg);

Latar belakang-ulangi: tiada ulangi;

Kedudukan latar belakang: pusat pusat;

Latar belakang-lampiran: Tetap;

-Webkit-Saiz latar belakang: Cover;

-Moz-latar belakang-saiz: Tutup;

-O-latar belakang-saiz: penutup;

Saiz latar belakang: Cover; 
} 

Demo

Kaedah ini berfungsi dalam

  • Chrome (mana-mana versi)
  • Opera 10+.

Firefox 3.6+.

Safari 3+.

Iaitu 9+.

Untuk imej untuk memuatkan dengan cepat, letakkan laman web anda hanya dari pembekal hosting yang terbukti, contohnya, bet.com 
Pengguna dan enjin carian suka laman web yang cepat. 

Latar belakang-imej: URL (imej / latar belakang.jpg);

Kaedah 2.

Kaedah ini menyediakan untuk penggunaan elemen IMG, saiz yang akan berbeza-beza bergantung kepada saiz tetingkap penyemak imbas. Untuk meregangkan imej ke skrin penuh, ia perlu menetapkan ketinggian min dan lebar dengan nilai 100%. Dan supaya imej tidak dimampatkan kepada saiz yang lebih kecil daripada yang asal, memasang lebar min dengan nilai lebar yang sama dari gambar.

Sekiranya lebar tetingkap kurang daripada lebar imej, pertanyaan media akan digunakan untuk menyelaraskan latar belakang di pusat.

mewarisi.

<img src = "/ imej / latar belakang.jpg" kelas = "latar belakang" />

img.background { Min-Ketinggian: 100%; Min-lebar: 640px; Lebar: 100%; Ketinggian: Auto;

Kedudukan: tetap; Atas: 0; kiri: 0;

/ * Bergantung pada saiz imej * /

@Media skrin dan (max-width: 640px) { img.bg { и Kiri: 50%; margin-kiri: -320px; } } } Demo

Mewarisi semua ciri unsur induk

Kaedah ini berfungsi dalam:

Mana-mana versi penyemak imbas yang baik (Chrome, Opera, Firefox, Safari) Iaitu 9+. и Kaedah 3. . Satu lagi cara adalah seperti berikut: Betulkan imej <img /> ke sudut kiri atas halaman dan meregangkannya menggunakan sifat-lebar dan sifat ketinggian min 100%, sambil mengekalkan nisbah aspek. Benar, dengan pendekatan ini, gambar itu tidak berpusat. Tetapi masalah ini diselesaikan dengan membungkus gambar dalam <Div />, yang kami buat 2 kali saiz tetingkap. Dan imej itu sendiri yang kami regangkan dan dimasukkan ke dalam pusat. <Div class = "latar belakang"> <img src = "/ images / latar belakang.jpg" />

</ div> Div.background { <Div class = "latar belakang"> Kedudukan: tetap;

Atas: -50%;

Kiri: -50%; } Lebar: 200%; Ketinggian: 200%; }

img { Kedudukan: mutlak; Atas: 0;

kiri: 0; Betul: 0; :

Bahagian bawah: 0;

Margin: auto; Min-lebar: 50%; Min-Ketinggian: 50%; } .

Kaedah ini berfungsi dalam penyemak imbas yang baik dan iaitu 8+.

Saya harap maklumat ini berguna untuk anda. Secara peribadi, saya sering menggunakan kaedah ini, terutamanya dahulu. Sudah tentu ada cara lain untuk meletakkan imej di latar belakang belakang dengan CSS. Jika anda tahu tentang mereka, kongsi, sila komen. Tetapkan warna latar belakang dan / atau gambar untuk halaman atau item yang berasingan adalah cukup mudah. Perkara utama adalah untuk mengetahui di mana dan bagaimana ia boleh dilakukan, serta mempunyai kod warna dan / atau gambar latar belakang. Adalah mungkin bahawa dari artikel ini, anda akan mempelajari banyak perkara baru, tetapi saya menciptanya secara khusus untuk pemula. Oleh itu, segala-galanya akan menjadi pendek dan secara terperinci secara serentak. Perkara utama ialah anda akan menerima bukan sahaja persembahan keseluruhan dan contoh siap, tetapi juga memahami cara membuat latar belakang dalam HTML. Untuk menetapkan latar belakang dalam HTML menggunakan DOCTYPE INTERMEDIATE Dan saya akan bermula dengan fakta itu HTML5. Tidak ada kemungkinan untuk menetapkan latar belakang untuk laman web ini. Ciri ini telah diputuskan untuk bertahan dalam CSS. Oleh itu, jika anda bercadang untuk menggunakan di bawah, dan anda ingin mendapatkan yang sah » (betul) Kod, anda perlu kekal di jenis peralihan dokumen. Untuk melakukan ini, halaman web anda harus bermula dengan baris berikut: <! DOCTYPE HTML Awam "- // W3C // DTD HTML 4.01 » Peralihan // en "" http://www.w3.org/tr/html4/loose.dtd ">

Masa untuk kelas praktikal

Bagaimanakah latar belakang di laman web? (#)Jika anda menganggapnya, mari kita faham bagaimana latar belakang dibuat. Dan perkara pertama di sini perlu diperhatikan - ini adalah perbezaan antara

Warna latar belakang

Gambar latar belakang.

. Pada permulaannya

Warna latar belakang Kiri: 50%; yang membanjiri semua ruang halaman yang ada atau elemennya. Yang diulang di atasnya gambar latar belakang. }

. Secara visual, ini boleh digambarkan seperti berikut: Kedudukan: mutlak; Atas: 0;

Latar belakang dokumen HTML dan unsur-unsurnya

Selepas mengecewakan unsur-unsur utama kawalan latar belakang, serta atribut mereka, terus ke analisis contoh tertentu. Dalam kod program yang ditunjukkan di bawah, saya cuba untuk membolehkan semua elemen yang dijelaskan.

Perkara kedua yang perlu anda ketahui ialah perbezaan antara

Badan Dokumen Betul: 0; :

elemen dokumen

Badan Dokumen

ditunjukkan dalam kod html tag halaman web

Badan. yang merangkumi semua kandungan halaman web. Jelas sekali, latar belakang dokumen dokumen itu tidak boleh telus. Jika latar belakang badan dokumen tidak ditentukan, nilai lalai yang dinyatakan dalam tetapan penyemak imbas digunakan. Unsur-unsur halaman berada di dalam tag }

. Perlu diperhatikan bahawa anda boleh menetapkan warna dan / atau gambar latar belakang menggunakan HTML ke semua elemen dokumen. Sebagai contoh, gambar latar belakang boleh ditentukan hanya untuk jadual. Secara lalai, mereka biasanya mempunyai latar belakang yang telus. Kedudukan: mutlak; Atas: 0;

Atribut bgcolor untuk mencipta warna latar belakang

Untuk bertanya

Dokumen atau elemennya digunakan atribut Ketinggian: 200%; и gambar latar belakang. bgcolor. , contohnya: <Badan Bgcolor = "# EC008C">

<! - Dokumen Badan ->

</ Body>

Dalam kes ini, kami menetapkan warna latar belakang untuk halaman secara keseluruhan. Tetapi contoh bagaimana untuk menetapkan warna latar belakang untuk jadual, dalam tag Jadual <Table bgcolor = "# ec008c"> <tr> <td> teks dengan latar belakang </ td> </ tr> </ table>

Perlu diperhatikan bahawa warna latar belakang dalam jadual juga boleh ditentukan untuk baris dalam tag

TR. Dan untuk sel-sel mereka dalam tag Td.

Bagaimana untuk mengetahui kod warna? Anda mungkin telah menyedari bahawa warna dalam HTML ditetapkan kepada istimewa kod Html. , contohnya:

# EC008C.

  • . Untuk mengetahui kod yang anda perlukan warna, anda boleh menggunakan salah satu editor grafik. Sebagai contoh, dalam Photoshop anda boleh menggunakan "
  • Alat eyedropper.
  • (Pipette)

Untuk mendapatkan warna dari satu titik dalam gambar. Kemudian, anda perlu klik warna yang dihasilkan pada bar alat dan di tingkap yang dibuka "

Picker Warna. (Pemilihan warna) Salin kod warna. Saya menarik perhatian anda kepada fakta bahawa kod ini akan tanpa tanda kekisi Pada mulanya, tanda ini perlu ditambah secara manual.

Anda juga boleh menggunakan banyak perkhidmatan dalam talian, contohnya: 
Prinsip kerja mereka lebih mudah - klik warna yang dikehendaki dan dapatkan kod itu. Atribut latar belakang untuk membuat imej latar belakang Serta dalam kes warna latar belakang dan dalam kes
Anda perlu menggunakan atribut khas, iaitu 
latar belakang. 
<Badan Latar Belakang = "/ 2014/06 / Bg.jpg">

В Html. Dalam kes ini, kami meminta gambar latar belakang untuk halaman secara keseluruhan. Perlu diperhatikan bahawa disebabkan oleh batasan saiz gambar, ia akan diulang, sebagai contoh: Seperti yang anda lihat, apabila pengulangan, peralihan antara gambar-gambar itu ketara. Oleh itu, gambar khas sering digunakan, di mana masa ini diambil kira. Tetapi contoh bagaimana untuk menetapkan gambar latar belakang untuk jadual, dalam tag

<Latar Belakang Jadual = "/ 2014/06 / Bg.jpg"> <tr> <td> teks dengan latar belakang </ td> </ tr> </ table> Html. Perlu diperhatikan bahawa gambar latar belakang hanya boleh ditetapkan untuk jadual secara keseluruhan dan / atau sel berasingannya. Untuk rentetan ia tidak akan berfungsi. Atribut latar belakang untuk membuat imej latar belakang .

Jalan mutlak dan relatif ke gambar latar belakang (Pemilihan warna) Secara berasingan bernilai memberi perhatian Alamat gambar latar belakang . Dalam kes ini, laluan relatif ke gambar digunakan, iaitu. Alamat itu ditunjukkan pada lokasi fail imej ke fail halaman web. Pilihan ini tidak boleh dipanggil sangat berjaya. Adalah lebih baik untuk menggunakan laluan mutlak ke gambar, iaitu.

URL penuhnya. <latar belakang badan = "/ imej / bg.jpg"> .

Dalam kes ini, anda tidak akan mempunyai masalah bersamaan. Untuk lebih lanjut mengenainya yang boleh anda baca di sini.

Mari merumuskannya 
Menggunakan atribut moral yang ketinggalan zaman, kerana untuk kesahihan kod HTML, anda perlu menggunakan peralihan DOCTYPE.

. Untuk menetapkan warna latar belakang di HTML, menggunakan kod khas yang anda boleh mengetahui dalam editor grafik atau menggunakan perkhidmatan dalam talian khas. Gambar latar belakang diduplikasi di ekor kawasan yang diperuntukkan dan terletak di atas warna latar belakang. Untuk menentukan gambar latar belakang, lebih baik menggunakan URL penuhnya. Saya mempunyai segalanya mengenai perkara ini. Terima kasih atas perhatian. Semoga berjaya!

Pautan Pendek: http://goo.gl/03tsnz Bagaimana untuk membuat latar belakang untuk laman web ini? Mana-mana bilik akan kelihatan lebih baik jika lantai beliau naik karpet Parsi yang dihormati. Jadi lebih buruk laman web anda? Mungkin sudah tiba masanya dan lantai beliau " ditetapkan
  • »Istana buatan tangan yang mahal. Kami akan memahami lebih lanjut mengenai cara membuat latar belakang untuk laman web ini:
  • Ia berlaku bahawa reka bentuk lama tapak telah datang. Dan saya mahukan sesuatu yang baru dan lazat. Dan reka bentuk baru akan menjadi seperti jika anda memasak dengan tangan anda sendiri.
  • Tetapi untuk menukar sepenuhnya semua reka bentuk sumber itu sendiri - perkara itu tidak bersyukur. Ya, dan tidak semua orang mempunyai perkara ini. "
  • tajam

"Tangan. Oleh itu, adalah mudah untuk menyegarkan semula templat lama, mengubah warna latar belakang sumber atau imej latar belakangnya.

Terdapat beberapa cara untuk mengubah latar belakang di laman web ini. Ini menggunakan peluang. 
Css. atau . Tetapi banyak sifat untuk bekerja dengan latar belakang mempunyai nama yang sama dan metodologi aplikasi dalam teknologi web ini.
  • Sebagai latar belakang, anda boleh menggunakan berbilang item: Warna; ;
  • Gambar latar belakang;
  • Imej tekstur. Kami akan berurusan dengan penggunaan masing-masing dengan lebih terperinci. Untuk menetapkan warna latar belakang belakang untuk laman web ini, harta itu digunakan.

warna latar belakang.

Atribut gaya. 

Gaya. . Iaitu, untuk menetapkan warna asas untuk laman web, anda perlu mendaftarkannya di dalam Tag <Body>. Sebagai contoh: <Body Style = "Warna latar belakang: # 55d52b"> <p> Latar belakang laman web # 55d52b </ P> </ Body>

Sebagai tambahan kepada kod warna heksadesimal, nilai disokong dalam format kata kunci atau

RGB. 

. Contoh:

<Body Style = "Warna latar belakang: RGB (51,255,153)"> <p> Latar belakang laman web RGB (23,113,44) </ P> </ Body> <Body Style = "Warna latar belakang: hijau"> <p> Latar belakang laman web hijau </ P> </ Body> Menetapkan warna latar belakang menggunakan kata kunci mempunyai beberapa sekatan berbanding dengan dua cara yang tersisa.

Jumlah 16 kata kunci disokong untuk menetapkan warna. Berikut adalah sebahagian daripada mereka:

Putih, merah, biru, hitam, kuning lain. Oleh itu, untuk menetapkan latar belakang untuk laman web ini

Adalah lebih baik menggunakan format heksadesimal atau 

Selain memilih warna, tetapan lain boleh didapati. Jika harta Menetapkan nilai Telus

Latar belakang halaman akan menjadi telus. Nilai ini diberikan kepada harta ini secara lalai. Sekarang pertimbangkan kemungkinan bahasa hiperteks untuk memasang corak latar belakang untuk laman web ini. Adalah mungkin untuk menjadikannya dengan menggunakan harta itu. imej latar belakang.

Contoh: 

<Body Style = "latar belakang-imej: URL (IMG_1809.jpg)"> </ Body>

Seperti yang dapat dilihat dari kod, pengikat imej berlaku melalui laluan

URL.

Dihantar dalam kurungan. Tetapi tidak semua gambar berubah menjadi begitu besar untuk mengisi seluruh kawasan skrin dengan saiz mereka. Mari kita lihat bagaimana angka yang lebih kecil akan dipaparkan.

Katakan bahawa kita sedang membangunkan tapak mengenai puisi, dan sebagai substrat yang anda perlukan untuk menggunakan imej Pegasus. Kuda bersayap akan mempersonakan kebebasan pemikiran kreatif penyair!

Kami memerlukan imej itu dipaparkan di tengah-tengah skrin sekali. Tetapi, malangnya, penyemak imbas tidak memahami keinginan luhur kami. Dan memaparkan gambar yang lebih kecil untuk latar belakang laman web seberapa banyak kali kerana kawasan skrin boleh menampung:

Mungkin empat kuda tersenyum dengan sayap penyair akan terlalu banyak untuk inspirasi. Oleh itu, melarang pengklonan Pegasus kita. Lakukan dengan menggunakan harta itu

Latar belakang-ulangi. . Nilai yang mungkin: ulangi-x - pengulangan imej latar belakang secara mendatar;

Jadi, kami memudahkan tugas untuk menetapkan latar belakang belakang dari dua gambar: animasi dan imej biasa. Dalam kes ini, animasi gif akan ditetapkan, dan lukisan itu ditatal bersama dengan kandungan halaman.

Ulangi-y - menegak;

Ulangi - pada kedua-dua paksi;

Tiada ulang - pengulangan adalah dilarang.

Antara pilihan yang disenaraikan yang kami berminat dengan yang terakhir. Sebelum menukar latar belakang laman web ini, kami menggunakannya dalam kod anda:

<Body Style = "Latar Belakang-Imej: URL (3.jpg); Latar Belakang-Ulang: Tiada Ulang"> </ Body>

Tetapi, sudah tentu, lebih baik jika letow kami terletak di tengah-tengah skrin. Harta

Latar belakang kedudukan Hanya bertujuan untuk meletakkan corak latar belakang pada halaman. Tetapkan koordinat lokasi dalam beberapa cara:
. Iaitu, untuk menetapkan warna asas untuk laman web, anda perlu mendaftarkannya di dalam Tag <Body>. Sebagai contoh: Kata kunci (
<latar belakang badan = "/ imej / bg.jpg"> Atas, bawah, pusat, kiri, kanan)
atau Peratusan - undur bermula dari sudut kiri atas;
Mana-mana bilik akan kelihatan lebih baik jika lantai beliau naik karpet Parsi yang dihormati. Jadi lebih buruk laman web anda? Mungkin sudah tiba masanya dan lantai beliau " Dalam unit ukuran (
(Pemilihan warna) Piksel.
). Kami menggunakan pilihan yang paling mudah untuk berpusat:

<Body Style = "latar belakang-imej: URL (3.jpg); latar belakang-ulangi: tidak ulangi; latar belakang kedudukan: pusat atas"> </ Body>

Ia berlaku bahawa anda perlu menetapkan kedudukan lukisan semasa menatal. Oleh itu, sebelum membuat gambar tapak, gunakan harta istimewa.

latar belakang-lampiran.

. Nilai yang sah: <ul> <li> tatal; </ li> <li> Tetap. </ Li> </ ul>

Kita memerlukan makna yang terakhir. Sekarang kod contoh kami akan kelihatan seperti ini: [/ HTML] 
<Body Style = "latar belakang-imej: URL (3.jpg); latar belakang-ulangi: Tiada ulangi; kedudukan latar belakang: pusat atas; Latar belakang-Lampiran: Tetap"> </ Body> 

Dalam contoh pertama, untuk latar belakang, kami menggunakan landskap padang pasir yang besar dan indah. Tetapi untuk keindahan seperti itu, anda perlu membayar penuh. Berat imej yang dilakukan dalam kualiti yang tinggi dapat mencapai beberapa megabait.

Jumlah ini tidak menjejaskan kelajuan muat turun halaman penyemak imbas dengan sambungan berkelajuan tinggi dengan Internet. Tetapi bagaimana dengan Internet mudah alih, apabila menggunakan mana muat turun beberapa "

meter

"Akan mengambil banyak masa?

"Akan mengambil banyak masa? Semua masalah ini diselesaikan menggunakan latar belakang tekstur. Ia menggunakan imej kecil sebagai corak tekstur. Walaupun di bawah keadaan pengulangan pelbagai, corak dimuatkan sekali sahaja.

Untuk membuat latar belakang gelap untuk laman web ini pergi ke Badan. Photoshop. Badan. , Buat imej dalam bentuk jalur panjang 1200 piksel, dan lebar 15 piksel. Kemudian kami menggunakan kecerunan hitam dan putih yang mudah dan sambungkan tekstur yang dihasilkan ke halaman laman web:

<Body Style = "Latar Belakang-Imej: URL (1.png); Warna: RGB (0,51,204)"> </ Body>

Untuk kejelasan, kami menambah teks dan menetapkan warna menggunakan harta tersebut. Badan. Warna Badan. . Itulah yang berlaku:

  • Ketinggian: 200%; Semua hartanah yang diterangkan di atas juga terpakai untuk helaian gaya cascading. Buat latar belakang laman web ini
  • gambar latar belakang. Css.
  • Dengan menulis semula kod salah satu contoh terdahulu kami: <Head> <title> Dokumen Untitled </ title> <gaya jenis = "teks / css"> badan {latar belakang-imej: url (3.jpg); latar belakang-ulangi: tidak ulangi; Latar belakang kedudukan: pusat atas; latar belakang-lampiran: tetap;} </ gaya> </ kepala> <badan> </ badan>
  • Hasilnya akan sama. Nah, kami melihat semua pilihan, bagaimana mengubah latar belakang di laman web ini. Sekarang ia tetap hanya untuk membuat lukisan permaidani masa depan dan menyebarkannya di halaman sumber anda. Tetapi ini adalah tangan anda.
  • Hari yang baik untuk semua orang belajar dan belajar sesuatu yang baru! Pernahkah anda memberi perhatian kepada penampilan tapak apabila membangunkan pencipta telah malas untuk mengatur latar belakang halaman? Dan saya berpaling. Ia kelihatan penyembelihan. Selalunya, kerana kekurangan pemisahan biasa antara pelbagai jenis maklumat, ia bercampur dan hanya menghilangkan keinginan untuk melihat lagi sumber web sedemikian. Jadi masalah seperti itu berlaku kepada projek anda, saya memutuskan untuk menulis artikel mengenai topik: "Bagaimana untuk membuat latar belakang halaman dalam HTML." Selepas membaca penerbitan, anda akan belajar, dengan alat apa yang anda boleh menetapkan reka bentuk latar belakang, bagaimana untuk membuat latar belakang tetap atau berubah dan banyak lagi, yang akan membantu menjadikan laman web anda menarik. Sekarang mari kita mulakan!
  • Alat asas untuk menetapkan halaman web latar belakang Untuk menetapkan imej latar belakang, pemaju bahasa web telah menyediakan latar belakang atribut. Ia boleh didapati di kedua-dua HTML dan CSS.
  • Dalam bahasa markup, ini adalah sifat tag badan, dan dalam jadual gaya - harta universal yang membolehkan anda menetapkan sehingga 5 ciri-ciri pelan belakang pada masa yang sama. Latar belakang adalah unsur yang cukup fleksibel yang boleh digunakan untuk menugaskan latar belakang sebagai warna, gambar warna atau bahkan animasi. Jadi, untuk memasang imej latar belakang melalui unit HTML <Body> Sudah cukup untuk menulis kod tersebut:
  • <Badan Latar Belakang = "Alamat Fail"> ... </ Body> Dan bukannya perkataan "alamat fail" masukkan laluan ke gambar.
  • Walau bagaimanapun, notis! Jika dalam bentuk latar belakang, anda mahu melihat kanvas monochon yang ditentukan dari palet warna, maka ini dilakukan menggunakan atribut Bgcolor. Sebagai contoh, <Badan Bgcolor = "# 000000"> ... </ Body>, kami meminta latar belakang hitam untuk laman web kami.
  • Warna dalam CSS dan HTML ditetapkan sama ada dengan perkataan Inggeris (contohnya, merah), atau kod khas yang terdiri daripada tanda # dan enam aksara selepas itu (contohnya, # FFDab9). Apabila menaip pilihan kedua dalam produk perisian khusus untuk pemaju, palet akan muncul secara automatik di hadapan anda. Sekiranya anda baru mula mempelajari bahasa web ini, maka kod warna boleh diingkangkan di internet.

Latar belakang sebagai harta dalam jadual gaya cascading Ketinggian: 200%; :

Ia ditetapkan atau dalam fail berasingan dengan gaya CSS, atau dalam unsur <Gaya>. Dengan harta ini, anda boleh memasang pola atau warna latar belakang, nyatakan lokasi permulaan pada halaman, tetapkan imej berulang dan tetap. Untuk kejelasan yang lebih besar, saya membuat definisi dalam jadual. 

Parameter Tujuan

Digunakan untuk memasang imej tetap atau ditatal bersama dengan kandungan laman web ini. Berlaku tetap, tatal dan mewarisi

Menetapkan imej latar belakang. Ia boleh ditunjukkan serentak dengan warna. Kemudian yang terakhir akan dipaparkan sehingga gambar dimuatkan sepenuhnya.

Menetapkan lokasi awal objek untuk parameter sebelumnya. Horizontally menunjukkan hak, kiri dan tengah, dan menegak - bawah, atas dan pusat. Di samping itu, anda boleh mewarisi kedudukan (mewarisi), ditetapkan dalam peratusan, piksel dan dimensi lain 

Sapukan apabila menggunakan atribut imej latar belakang. Mengawal bagaimana imej akan diulang. Anda boleh menentukan 2 nilai: untuk mendatar dan menegak. Terdapat ciri-ciri: tiada ulang, ulangi, ulang-x, ulang-y, mewarisi, ruang

Добавить комментарий