Bugünkü yazımızda, HTML ve CSS’yi kullanarak Fransa bayrağı dizaynı yapmayı öğreneceğiz. Hemen başlayalım!
Fransa bayrağı, mavi, beyaz ve kırmızı renklerden oluşan üç dikey çizgiye sahip. Web tasarımında bu bayrağı oluşturmak için önce bir HTML div elementi oluşturuyoruz:
|
1 2 3 |
<div class="france"></div> |
Bu div elementine “france” sınıfı veriyorum. Bu sınıf, bizim bayrağımızı oluşturmak için kullanacağımız CSS özelliklerini tanımlayacak.
CSS’te bu bayrağı oluşturmak için, aşağıdaki kodu yazıyoruz:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<style> .france { width: 150px; height: 100px; background: linear-gradient(to right, blue 33.3%, white 33.3%, white 66.6%, red 66.6%); } </style> |
İşte bu kadar!
Kodlarımızı yazarken Css3 özelliklerinden linear-gradient gibi özellikleri kullanıyoruz. Bu özellikler ile ilgili eksikleriniz varsa aşağıdaki linklerden konu anlatımlarına bakabilirsiniz.
Umarım sizin için faydalı bir yazı olmuştur.
Yeni bir yazımda görüşmek üzere.
Happy coding!
