CSS: ievietojiet attēlu - tieši tā tas darbojas
Šajā praktiskajā padomā mēs izskaidrojam, kā ievietot attēlu, izmantojot CSS. Būtībā attēlus šeit var ievietot tikai fona attēlu veidā. Tomēr ar to pilnīgi pietiek.
Ievietojiet attēlu CSS
Piemēram, ja vēlaties iekļaut attēlu galvenē, izmantojot CSS, piemēram, savu logotipu, tad #header deklarējiet šādas īpašības:
- "fons: url (image.webp) #FFFFFF;"
- Šeit "bild.webp" tiek saprasts kā URL jūsu attēlam vai nu attiecībā pret css failu, vai arī kā absolūtā adrese uz jūsu diska.
- Ar krāsu jūs savā vietnē deklarējat fona krāsu.
- Tagad attēlu var novietot, izmantojot precīzu pozīciju, piemēram: "fona pozīcija: 100 pikseļi 100 pikseļi;" vai izmantojot relatīvu informāciju, ko nosaka loga mala, piemēram, "fona pozīcija: labajā pusē apakšā".
- Lai jūsu attēls neatkārtotos nepārtraukti, zem īpašuma "fons atkārtojiet" varat norādīt "neatkārtot". Tas izskatās šādi: "fonu atkārtot: neatkārtot;".
- Ar rekvizītu "fona pielikums" jūs nosakāt, vai attēls pārvietojas ar ritināšanu vai paliek fiksētā vietā lapā: "fona pielikums: fiksēts;".
- Īpašības ir norādītas CSS failā bez pēdiņām.
Nākamajā praktiskajā padomā izlasiet, kā integrēt CSS failu, izmantojot HTML.