CSS: įterpti paveikslėlį - taip jis veikia
Šiame praktiniame patarime paaiškiname, kaip įterpti vaizdą naudojant CSS. Iš esmės vaizdus čia galima įterpti tik kaip fono paveikslėlius. Tačiau to visiškai pakanka.
Įdėkite vaizdą į CSS
Pvz., Jei norite į antraštę įtraukti vaizdą naudodami CSS, pavyzdžiui, logotipą, tada skiltyje #header nurodykite šias savybes:
- "fonas: URL (image.webp) #FFFFFF;"
- Čia „bild.webp“ suprantamas kaip jūsų vaizdo URL arba CSS failo atžvilgiu, arba kaip absoliutus adresas jūsų diske.
- Kai spalvą deklaruosite fono spalvą savo svetainėje.
- Dabar vaizdą galima išdėstyti tikslia padėtimi, pavyzdžiui: „fono padėtis: 100 pikselių 100 pikselių;“ arba per santykinę informaciją, kurią nustato lango kraštas, pvz., „fono padėtis: apačia dešinėje“.
- Kad jūsų vaizdas nesikartotų nuolat, galite nurodyti „nekartoti“ požymiu „fonas pakartoti“. Tai atrodo taip: „fonas pakartoti: nekartoti;“.
- Naudodami savybę „fonas-priedas“ jūs nustatote, ar vaizdas juda slenkant, ar lieka fiksuotoje puslapio vietoje: „fonas-priedas: fiksuotas;“.
- Savybės nurodomos CSS faile be kabučių.
Kitame praktiniame patarime skaitykite, kaip integruoti CSS failą naudojant HTML.