banner {yükseklik: 350 piksel; genişlik: 600 piksel; }
1. Adım
Web sayfanızın belgenizi metin düzenleyicinizde açın. İmleci kapanış etiketinden önce yerleştirin ve aşağıdaki CSS kodunu girin:
2. Adım
Afişinizi yapmak için kural oluşturmak için stil öğeleri arasında "#banner {}" yazın. "Height :;" yaz ve "genişlik :;" ve tercih ettiğiniz ölçüleri belirtmek için her birini sonra piksel (px) cinsinden yazın. Örneğin:
banner {yükseklik: 350 piksel; genişlik: 600 piksel; }
3. adım
"Font-size :;" girin ve "font-family :;" başlığınızın metnini biçimlendirmek için nitelikler oluşturmak. Yazı tipi boyutundan sonra piksel cinsinden bir değer yazın ve tercih ettiğiniz yazı türünü belirtmek için yazı tipi-ailesinden sonra iki veya üç isim yazın. Örneğin:
banner {font-size: 32px; yazı tipi-aile: "Times New Roman", Gürcistan, Serif; }
4. Adım
"Border-style :;" yazın ve banner'ınızın kenarlığını tasarlamak için piksel cinsinden boyut değeri, çizgi stili değeri ve onaltılık bir renk değeri girin. Ardından "background-color :;" yazın. ve istediğiniz renk değeri. Örneğin:
banner {border-style: 4px noktalı # f0f0f0; }
Adım 5
Yazma "padding :;" ve içerik ile sınır çizgisi arasındaki boşluk miktarını belirtmek için piksel cinsinden bir değer. Tam CSS kodu bu örnek gibi görünmelidir:
banner {
yükseklik: 350px; genişlik: 600 piksel; yazı tipi boyutu: 32px; yazı tipi-aile: "Times New Roman", Gürcistan, Serif; kenarlık stili: 4px noktalı # f0f0f0; dolgu malzemesi: 15px; }
6. Adım
Üstbilginin görünmesini istediğiniz etiketin herhangi bir yerine "" yazın. Web sitenizin başlığı gibi başlık etiketleriniz gibi başlığınız için aşağıdaki gibi metin yazabilirsiniz:
Banner'ınızın metnini buraya yazın.7. adım
Belgenizi kaydedin