khung code 1
khung code 2
khung code 3
Khung code 4
- Spoiler:
- Demo:
Cho đoạn sau vào Css :
- Code:
.codebox {
-moz-border-radius: 5px;
-moz-box-shadow: 0 0 5px #e4e3e3;
-webkit-box-shadow: 0 0 5px #e4e3e3;
background: white;
border: 0;
border-left: 3px solid #999;
border-radius: 5px;
box-shadow: 0 0 5px #e4e3e3;
color: #909090;
font-size: 12px;
font-style: italic;
margin: 10px auto;
max-width: 600px;
padding: 10px 1% 10px 5px;
}
.codebox {
background-color: #FFFFE1;
border: 1px dotted #DDD;
margin: 1em;
}
khung code 2
- Spoiler:
- Demo:
CSS:
- Code:
.codebox {
margin: 1em;
background: whiteSmoke;
border: 1px solid #C2C0B8;
-webkit-box-shadow: 0 0 60px 10px rgba(0, 0, 0, .1) inset, 0 5px 0 -4px #fff, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #fff, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #fff, 0 17px 0 -11px #c2c0b8;
-moz-box-shadow: 0 0 60px 10px rgba(0, 0, 0, .1) inset, 0 5px 0 -4px #fff, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #fff, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #fff, 0 17px 0 -11px #c2c0b8;
box-shadow: 0 0 60px 10px rgba(0, 0, 0, .1) inset, 0 5px 0 -4px #fff, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #fff, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #fff, 0 17px 0 -11px #c2c0b8;
max-width: 700px;
overflow: hidden;
}
.codebox dd.cont_code {
background: none;
width: 680px;
}
khung code 3
- Spoiler:
- Demo:
CSS:
- Code:
.codebox {
background: #fafafa url(http://cuul.tk/img/gradient.png) repeat-x 0 0px;
border: 1px solid #e3e3e3!important;
border-radius: 3px 3px 3px 3px;
}
.codebox dt {
background: url(http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png);
-moz-border-radius-bottomleft:0!important;
-moz-border-radius-bottomright:0!important;
-moz-border-radius-topleft: 3px!important;
-moz-border-radius-topright: 3px!important;
-webkit-border-radius: 3px 3px 0 0!important;
color: #fff;
text-shadow: 0px 2px 3px #000;
padding: 10px;
font-weight: bold;
}
Khung code 4
- Spoiler:
- Demo:
CSS:
- Code:
.codebox{color: #62761a; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); text-shadow: white 1px 1px 0px; border: 1px solid #b3bca2; background: url(http://www.9xstudio.biz/users/2012/10/88/45/album/code1110.png);}
.codebox dd{ margin: 0; border-width: 0px 1px 1px 1px; border-style: solid; border-color: white; border-top: 1px solid white; background: none;}
.codebox dt{ border-width: 1px 1px 0px 1px; border-style: solid; border-color: white; border-bottom: 1px solid #b3bca2; background: url(http://www.9xstudio.biz/users/2012/10/88/45/album/code2110.png);}
