Sitelerimizi tasarlarken mutlaka bir şekilde arkaplan özeliklerini kullanırız. Peki arkaplan özelliklerine tam olarak hakim miyiz? İşte bu yazımda arkaplan özelliklerinden bahsedeceğim.
background-color: Bu kod sayesinde istediğimiz elemente yada sayfamıza renk verebiliriz. Değer olarak “red, blue” gibi renk adları html renk kodlarını kullanabiliriz.
background-image: Bu kod sayesinde arkaplan olarak bir resim kullanabiliriz. Örnek kullanımı ise şöyledir:
1 | background-image:url(“resmin adresi”); |
background-position: Bu kod ise arkaplan olarak belirlediğimiz resmin pozisyonunu belirler. Aldığı değerler “left, right, top, bottom, center” kelimeledir. Eğer bir değer atamazsak left ve top değerlerini otomatik olarak alır. Örnek kullanımı: