Karaniwang nagdaragdag ang mga web page ng mga imahe gamit ang inline na HTML na "img" na tag. Karaniwang hindi nagtatakda ang pag-coding ng CSS ng mapagkukunan ng isang imahe dahil kinokontrol ng CSS ang disenyo kaysa sa nilalaman. Gayunpaman sinusuportahan ng CSS ang mga pag-aari na hindi ginagawa ng payak na HTML, tulad ng pagkasira ng imahe. Halimbawa, kung nais mong lumitaw ang isang transparent na larawan ng iyong punong tanggapan ng kumpanya sa iyong homepage ng website, maaari mong itakda ito gamit ang CSS. Pinili ng mga istilo ng CSS ang mga mapagkukunan ng imahe gamit ang background na pag-aari ng imahe.
1
Buksan ang styleheet ng iyong website gamit ang iyong HTML editor o isang text editor.
2
Idikit ang sumusunod na code sa sheet upang lumikha ng isang bagong estilo:
background-image: url (path); paulit-ulit: hindi ulitin; lapad: 10px; taas: 20px; }
3
Palitan ang "landas" ng URL ng imahe sa loob ng site. Halimbawa, kung ang imaheng "building.jpg" ay nasa folder na "mga imahe" ng iyong site, baguhin ang code sa:
background-image: url (/images/building.jpg); background-ulit: walang ulit; lapad: 10px; taas: 20px; }
4
Palitan ang "10" ng lapad ng imahe at palitan ang "20" ng taas ng imahe. Halimbawa, kung ang imahe ay may sukat na 200 pixel na mataas at 600 pixel ang lapad, baguhin ang code sa:
background-image: url (/images/building.jpg); paulit-ulit: hindi ulitin; lapad: 600px; taas: 200px; }
5
Buksan ang Web page kung saan nais mong ipasok ang imahe.
6
Idagdag ang sumusunod na code upang maipasok ang imahe:
