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...