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 pertama ialah kedudukan mendatar dan nilai kedua ialah kedudukan menegak. Nilai pertama ialah kedudukan mendatar dan nilai kedua ialah kedudukan menegak.
nilai penerangan

atas tengah

atas kiri🜎

atas kanan

kanan

kiri bawah

tengah bawah

kanan bawah

Jika 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%.


xpos ypos

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

Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！