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 |