Веб странице обично додају слике помоћу уграђене ХТМЛ ознаке "имг". ЦСС кодирање обично не поставља извор слике, јер ЦСС контролише дизајн, а не садржај. Ипак ЦСС подржава својства која обични ХТМЛ не подржава, попут непрозирности слике. На пример, ако желите да се транспарентна фотографија седишта ваше компаније појави на почетној страници ваше веб странице, можете то да подесите помоћу ЦСС-а. ЦСС стилови бирају изворе слике користећи својство позадинске слике.
1
Отворите табелу стилова веб локације помоћу ХТМЛ уређивача или уређивача текста.
2
Налепите следећи код у лист да бисте креирали нови стил:
позадина-слика: урл (путања); позадина-понављање: без понављања; ширина: 10пк; висина: 20пк; }
3
Замените „путању“ УРЛ-ом слике на веб локацији. На пример, ако се слика „буилдинг.јпг“ налази у директоријуму „имагес“ на вашој веб локацији, промените код у:
позадина-слика: урл (/имагес/буилдинг.јпг); позадина-понављање: без понављања; ширина: 10пк; висина: 20пк; }
4
Замените „10“ ширином слике, а „20“ висином слике. На пример, ако слика мери 200 пиксела и 600 пиксела ширине, промените код у:
позадина-слика: урл (/имагес/буилдинг.јпг); позадина-понављање: без понављања; ширина: 600пк; висина: 200пк; }
5
Отворите веб страницу на коју желите да уметнете слику.
6
Додајте следећи код да бисте уметнули слику:
