ЦСС: уметните слику - то тако функционише
У овом практичном савету објашњавамо како да уметнете слику помоћу ЦСС-а. У основи, слике се овде могу уметнути само у облику позадинских слика. Међутим, то је сасвим довољно.
Уметните слику у ЦСС
На пример, ако желите да ставите слику у заглавље помоћу ЦСС-а, као што је ваш лого, онда под #хеадер изјавите следећа својства:
- "позадина: урл (имаге.пнг) #ФФФФФФ;"
- Овде се "билд.пнг" разуме као УРЛ до ваше слике било у односу на цсс датотеку или као апсолутна адреса на вашем диску.
- Бојом декларишите боју позадине на својој веб локацији.
- Слика се сада може поставити на тачан положај, попут: "позадина-позиција: 100пк 100пк;" или путем релативних информација одређених ивицом прозора као што је "позадина-позиција: доње десно;".
- Тако да се ваша слика не понавља непрекидно, можете да подесите "не-понављање" под својством "позадина-понављање". Изгледа овако: "позадина-понављај: не-понављај;".
- Са својством „бацкгроунд-аттацхмент“ одређујете да ли се слика креће померањем или остаје на фиксном месту на страници: „бацкгроунд-аттацхмент: фик;“.
- Својства су наведена у ЦСС датотеци без наводника.
У следећем практичном савету прочитајте како интегрисати ЦСС датотеку користећи ХТМЛ.