htmltrm

Sekilli Kutucuklar


Şekilli Kutucuklar Kodu


 

CSS KODU

.Kirmizi {
background-color: #f99;
border: solid 1px black;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
padding: 10px;
padding-left: 18px;
padding-right: 18px;
color: black;
font-family: "Lucida Sans MS", "Lucida Grande", Helvetica, sans-serif;
font-size: 10pt;
}


.Siyah {
background-color: #333;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-top-left-radius: 59px 20px;
-webkit-border-bottom-left-radius: 59px 20px;
-moz-border-radius-topleft: 59px 20px;
-moz-border-radius-bottomleft: 59px 20px;
padding: 10px;
padding-left: 18px;
padding-right: 18px;
color: white;
font-family: "Lucida Sans MS", "Lucida Grande", Helvetica, sans-serif;
font-size: 10pt;
}


.Sariyesil {
border: dashed 2px #093;
-webkit-border-top-left-radius: 17px;
-moz-border-radius-topleft: 17px;
-webkit-border-bottom-right-radius: 17px;
-moz-border-radius-bottomright: 17px;
background-color: #ff9;
padding: 10px;
padding-left: 18px;
padding-right: 18px;
color: black;
font-family: "Lucida Sans MS", "Lucida Grande", Helvetica, sans-serif;
font-size: 10pt;
}

HTML KODU


<p><span class="Kirmizi">Kırmızı Önizleme</span></p>

<p><span class="Siyah">Siyah Önizleme</span></p>

<p><span class="Sariyesil">Sari Yeşil Önizleme</span></p>

Yapamadıysanız ,Sorularınız Varsa ,Çalışmıyorsa Bizle İletişime Geçin...

 
Bugun 56 ziyaretçi (60 klik) Kişi Ziyaret Etti
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol