Hazırlayacağımız sayfalarda yazılarımızı nasıl şekillendireceğimize dair bilgileri geçen derslerimizde görmüştük. CSS ile yazılarımıza da renk ve hatta fon resmi atayabiliriz. Sayfalarımızın göze daha hoş görünmesi için gerekli renk ve resim kodlarını aşağıdaki tabloda görebilirsiniz. Burada gösterilen kodları sadece yazılara değil sayfamızdaki hemen hemen her elemana da uygulayabiliriz. Her zaman söylediğim gibi CSS ile neler yapabileceğinizin büyük bir kısmı hayal gücünüze bağlı ve yeni şeyler öğrendikçe de hayal gücünüzü geliştirebileceksiniz.
Kod | Örnek Kullanım Şekli | Etkisi |
color | Renklerimizi önünde bir diyez işareti ile hexedimal olarak yazabiliriz. #9999CC gibi ya da direk rengi ingilizce olarak da yazabiliriz. Red, maroon. Eğer hiç renk istemiyorsak transparent ifadesini kullanmalıyız. | En basit ifadesiyle uygulandığı öğenin rengini belirler |
background-color | Renklerimizi önünde bir diyez işareti ile hexedimal olarak yazabiliriz. #9999CC gibi ya da direk rengi ingilizce olarak da yazabiliriz. Red, maroon. Eğer hiç renk istemiyorsak transparent ifadesini kullanmalıyız. | Fon rengini ayarlamak için kullanılır. |
layer-background-color | transparent, HTML orjinal renk ismi ya da hexedimal RGB renk kodunu kullanabiliriz. | Katman fon rengini ayarlamak için kullanılır. Uyguladığımız nenneyi o rengin içine alır. |
background-image | none ya da fon resminin yol adresi ile birlikte adresi. Örnek olarak url(images/arkaplan.jpg) şeklinde kullanabiliriz. | Fon resmi |
background-repeat | repeat parametresi resmi tekrarlatır. no-repeat tekrarlatmaz. repeat-y dikey, repeat-x de yatay tekrarlatır. | Fon resminin kendini tekrarlaması için kullanılır. |
background-position | bottom, center, left, righti top | Fon resminin başlayacağı koordinatları kontrol eder. |
background-attachment | fixed ve scroll değerleri verilir. Fixed, sabitler; Scroll kaydırılmasına izin verir. | Sayfa içeriğinin kaldıtılması durumunda fon resminin tepkisini kontrol eder. |
Tablodaki örnek kodlardan yola çıkarak bir uygulama yapmadan önce dilerseniz renkleri HTML olarak direk orjinal isimleriyle yazmak istersek hangi ismin hangi renk olduğunu gösteren bir örnek şemayı aşağıda görmekte fayda var. Tabi burada sadece belli başlı bazı renkleri yazdım hepsini yazmama imkan yok
Yukarıdaki kodları sayfanızda istediğiniz öğelere uygulayıp sonucu görebilirsiniz. Bunların nasıl uygulanacağını ve nasıl çağırılacağını artık zaten biliyorsunuz. Hepinize kolay gelsin.