DENTASARIM | Tasarımın bizden!

Kodunuzu yazmanız için renkli kutular

CSS KODU:

#kodadi {
background-color: #066;
height: 25px;
line-height: 25px;
color: #FFF;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
font-weight: bold;
padding-left: 5px;
width: 200px;
border-radius: 10px 10px 0px 0px;
}
#kodici {
height: 130px;
background-color: #FFFFFF;
border: 1px solid #066;
width: 500px;
padding: 5px;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
color: #333;
overflow: scroll;
}
#kodadiv1 {
background-color: #666;
height: 25px;
line-height: 25px;
color: #FFF;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
font-weight: bold;
padding-left: 5px;
width: 200px;
border-radius: 10px 10px 0px 0px;
}
#kodiciv1 {
height: 130px;
background-color: #FFFFFF;
border: 1px solid #666;
width: 500px;
padding: 5px;
color: #333;
font-size: 12px;
font-family: Arial, Calibri, "Microsoft YaHei";
overflow: scroll;
}
#kodadiv2 {
background-color: #F60;
height: 25px;
line-height: 25px;
color: #FFF;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
font-weight: bold;
padding-left: 5px;
width: 200px;
border-radius: 10px 10px 0px 0px;
}
#kodiciv2 {
height: 130px;
background-color: #FFFFFF;
border: 1px solid #F60;
width: 500px;
padding: 5px;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
color: #333;
overflow: scroll;
}

Html kodu:

<div id="kodadi"> Css kodu</div>
<div id="kodici"> id "kodici" İçeriği Buraya Gelecek</div>
<br/>
<div id="kodadiv1">Tasarımın üstü</div>
<div id="kodiciv1"> id "kodici" İçeriği Buraya Gelecek</div>
<br/>
<div id="kodadiv2">Tasarımın altı</div>
<div id="kodiciv2"> id "kodici" İçeriği Buraya Gelecek</div>

Kendi yapımımdır, kaynak göstermeden paylaşmak yasaktır!