Bugünkü yazımızda, HTML ve CSS’yi kullanarak Alman bayrağı dizaynı yapmayı öğreneceğiz. Hemen başlayalım!
Bayrak siyah, kırmızı ve altın renklerinden oluşuyor.
Öncelikle, bir HTML elementi oluşturuyoruz:
|
1 2 3 |
<div class="germany"></div> |
Bu div elementine “germany” 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> .germany { width: 150px; height: 100px; background: linear-gradient(to bottom, black 33.3%, red 33.3%, red 66.6%, gold 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!
