CSS: sisesta pilt - nii see töötab
Selles praktilises näpunäites selgitame, kuidas pilti CSS-i abil sisestada. Põhimõtteliselt saab pilte siia lisada ainult taustpiltide kujul. Kuid see on täiesti piisav.
Sisestage pilt CSS-i
Näiteks kui soovite lisada päisesse pildi, näiteks CSS-i abil, näiteks oma logo, kuulutage jaotises #header järgmised omadused:
- "taust: url (image.webp) #FFFFFF;"
- Siin mõistetakse "bild.webp" teie pildi URL-na kas css-faili suhtes või teie draivi absoluutse aadressina.
- Selle värvi abil, mille kuulutate oma veebisaidil taustavärviks.
- Kujutise saab nüüd positsioneerida, kasutades täpset asukohta, näiteks: "taustasend: 100 pikslit 100 pikslit;" või akna serva poolt kindlaksmääratud suhtelise teabe kaudu, näiteks "taustaasend: all paremal".
- Et teie pilt ei korduks pidevalt, saate atribuudi "taust korrata" all määrata "mitte korrata". See näeb välja järgmine: "taust-korda: ei-korda";
- Atribuudi "tausta manus" abil saate kindlaks teha, kas pilt liigub kerimisega või püsib lehel kindlas kohas: "taust-manus: kinnitatud;".
- Omadused täpsustatakse CSS-failis ilma jutumärkideta.
Järgmises praktilises näpunäites lugege, kuidas integreerida CSS-faili HTML-i abil.