Footer Css Kodları

Footer, bir web sayfasının en alt kısmında bulunan ve genellikle site haritası, iletişim bilgileri ve telif hakları gibi bilgilerin yer aldığı bölümdür. Bir web sitesinin tasarımında footer, kullanıcı deneyimini geliştirmek ve sayfanın tamamlanmış bir hissi vermek için oldukça önemlidir.

Footer bölümünün görüntüsü ve düzeni, CSS kodları aracılığıyla kolayca özelleştirilebilir. CSS, web sitelerinin stilini belirlemek için kullanılan bir dildir ve footer tasarımında da büyük bir rol oynar. Bu makalede, footer tasarımı için bazı temel CSS kodlarını paylaşacağım.

1. Footer’ın arka plan rengini değiştirmek için aşağıdaki kodu kullanabilirsiniz:

footer {
  background-color: #333333;
}

Yukarıdaki kodda “footer” öğesinin arka plan rengi “#333333” olarak belirlenmiştir. Dilerseniz bu rengi istediğiniz renk koduyla değiştirebilirsiniz.

2. Footer’ın metin rengini değiştirmek için şu kodu kullanın:

footer {
  color: #ffffff;
}

Yukarıdaki kodda “footer” öğesinin metin rengi “#ffffff” (beyaz) olarak belirlenmiştir. İsterseniz metin rengini farklı bir renk koduyla değiştirebilirsiniz.

3. Footer’ın yüksekliğini belirlemek için aşağıdaki kodu kullanabilirsiniz:

footer {
  height: 100px;
}

Yukarıdaki kodda “footer” öğesinin yüksekliği “100px” olarak belirlenmiştir. Footer bölümünün istediğiniz yüksekliğe göre değiştirebilirsiniz.

4. Footer’ın kenar boşluklarını belirlemek için aşağıdaki kodu kullanabilirsiniz:

footer {
  padding: 20px;
}

Yukarıdaki kodda “footer” öğesinin kenar boşlukları “20px” olarak belirlenmiştir. Bu değeri istediğiniz gibi değiştirebilirsiniz.

Bu makalede, footer tasarımı için bazı temel CSS kodlarını paylaştım. Bu kodları kullanarak footer’ı istediğiniz gibi özelleştirebilir ve web sitenizin görünümünü geliştirebilirsiniz. Unutmayın, CSS footer tasarımında sınırsız olanaklar sunar, bu yüzden hayal gücünüzü serbest bırakın ve yaratıcılığınızı kullanın.