latar belakang
英[ˈbækgraʊnd] 美[ˈbækˌɡraʊnd] n. warna latar belakang;英[pə ˈzɪʃn ] 美[ pəˈzɪʃən] n. Kedudukan, kedudukan
vt Plural: positions Participle sekarang: positioning Past tense: positioned Past participle: positioned
sifat kedudukan latar belakang css sintaks
Bagaimana untuk menggunakan atribut kedudukan latar belakang?
Harta kedudukan latar belakang boleh menetapkan kedudukan permulaan imej latar belakang. Sintaksnya ialah: kedudukan latar belakang: x y, di mana x mewakili kedudukan mendatar dan y mewakili kedudukan menegak terdapat banyak cara untuk menetapkan nilai kepada x dan y, contohnya: kiri atas, 3% 2%, xpos ypos; .
Fungsi: Tetapkan kedudukan permulaan imej latar belakang.
Penerangan: Atribut ini menetapkan kedudukan imej latar belakang asal (ditakrifkan oleh imej latar belakang jika imej latar belakang ingin diulang, ia akan bermula dari titik ini).
Nota: Anda perlu menetapkan sifat lampiran latar belakang kepada "tetap" untuk memastikan sifat ini berfungsi dengan betul dalam Firefox dan Opera.
Nilai-nilai yang boleh ditetapkan:
nilai | penerangan |
atas tengah atas kiri🜎 atas kanan kanankiri bawahtengah bawahkanan bawahJika anda menyatakan hanya satu kata kunci, nilai kedua akan menjadi "pusat". Nilai lalai: 0% 0%. | x% y% |
Sudut kiri atas ialah 0% 0%. Sudut kanan bawah ialah 100% 100%. | Jika anda menetapkan hanya satu nilai, nilai yang lain ialah 50%.
|
Sudut kiri atas ialah 0 0. Unit ialah piksel (0px 0px) atau mana-mana unit CSS lain. | Jika anda menetapkan hanya satu nilai, nilai yang lain ialah 50%. Anda boleh mencampurkan % dan nilai kedudukan.
sifat kedudukan latar belakang css contoh<html> <head> <style type="text/css"> body { background-image:url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg'); background-repeat:no-repeat; background-attachment:fixed; background-position:center; } </style> </head> <body> <body> <p><b>提示:</b>您需要把 background-attachment 属性设置为 "fixed",才能保证该属性在 Firefox 和 Opera 中正常工作。</p> </body> </body> </html> Run Instance » Klik butang "Run Instance" untuk melihat instance dalam talian
|