CSS: masukkan gambar - itulah cara ia berfungsi
Dalam hujung praktikal ini kami menjelaskan cara memasukkan imej menggunakan CSS. Pada dasarnya, imej hanya boleh dimasukkan di sini dalam bentuk imej latar belakang. Walau bagaimanapun, itu cukup mencukupi.
Masukkan imej dalam CSS
Sebagai contoh, jika anda ingin menyertakan imej dalam tajuk menggunakan CSS, seperti logo anda, maka nyatakan sifat berikut di bawah #header:
- "latar belakang: url (image.webp) #FFFFFF;"
- Di sini "bild.webp" difahami sebagai URL pada imej anda sama ada dengan fail css atau sebagai alamat mutlak pada pemacu anda.
- Dengan warna anda mengisytiharkan warna latar belakang di laman web anda.
- Imej kini boleh diletakkan menggunakan kedudukan yang tepat, seperti: "kedudukan latar belakang: 100px 100px;" atau melalui maklumat relatif ditentukan oleh tepi tingkap seperti "kedudukan latar belakang: kanan bawah".
- Supaya imej anda tidak mengulangi secara berterusan, anda boleh menentukan "no-repeat" di bawah "ulangi latar belakang" hartanah. Ia kelihatan seperti ini: "latar belakang-ulang: tidak ada-ulang;".
- Dengan "latar belakang-lampiran" hartanah anda menentukan sama ada imej bergerak dengan menatal atau kekal di tempat tetap di halaman: "lampiran-lampiran: tetap;".
- Ciri-ciri ditentukan dalam fail CSS tanpa tanda petikan.
Dalam hujung praktikal seterusnya, baca bagaimana menggabungkan fail CSS menggunakan HTML.