CSS ile sayfanın arka zemin nasıl değiştirilir?

Web tasarımda, CSS(Cascading Style Sheet) ile sayfa zeminine bir JPG, GIF veya PNG resmini atayıp, web sayfasının görünümünü değiştirebilirsiniz. Bu türler içinde en az yer kaplayan, sıkıştırılmış format JPG olduğundan, arkazemin için bir günbatımı JPG resmi atayacağız. 

Bu işlem için;

background-image:url('gunbatimi.jpg');

şeklinde background-image'ın url özelliğine istediğimiz JPG resmini atıyoruz. Burada JPG resmimiz bir dizin içindeyse, örneğin images klasörü içindeyse kodumuz aşağıdaki gibi olacaktır.

background-image:url('images/gunbatimi.jpg')

Arka zemin için bir renk vermek istiyorsanız

background-color: #FF0000;

Şimdi aşağıda yer alan kodun tamamını Notepad, Notepad++ veya Sublime gibi bir editöre yapıştırarak sonucu görebilirsiniz.

<html>
<head>
 <meta charset="utf-8";>
<style type="text/css">


 body {
  background-image:url('gunbatimi.jpg');
  color:#FFF;
 }

 
</style>
</head>
<body>
 Bu kısım body bölümü içinde yazılacak.
 
</body>
</html>

Burada yazı rengi için #FFF kullanarak, beyaz olmasını sağladık.



Mutlu kodlamalar,
Oğuzhan TAŞ
Kasım, 2015
Bookmark and Share
Dil Değiştir(Change Language)