Koleksi Model Border Box

❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀

#border1-top {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
background-color: #93c47d;
border-left: 3px solid green;
border-radius: 10px;
border-right: 3px solid green;
border-top: 2px solid green;
overflow: auto;
padding: 8px;}

#border1-top span, #border1-bottom span {
background: transparent;
color: #fff;
font: normal 25px/normal Arial;
padding: 0 0 0 11px;}

#border1-bottom {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
background-color: #93c47d;
border-bottom: 2px solid green;
border-left: 3px solid green;
border-radius: 10px;
border-right: 3px solid green;
overflow: auto;
padding: 8px;}

.border1-content {
background-color: #cccccc;
font:normal 12px/15px Courier,Monospace;
border-bottom: 4px double #999;
border-left: 2px solid #999;
border-right: 2px solid #999;
border-top: 4px double #999;
margin:0 8px 0 8px;
overflow: auto;
padding:10px;
text-align: left;}

❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀ ❀

ELEMEN KODE

#rb-wrapper-top {
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
background-image:-webkit-linear-gradient(right, #93c47d 10%, #38761d 100%);
background-image:-moz-linear-gradient(right, #93c47d 10%, #38761d 100%);
background-image:-ms-linear-gradient(right, #93c47d 10%, #38761d 100%);
background-image:-o-linear-gradient(right, #93c47d 10%, #38761d 100%);
background-image:linear-gradient(right, #93c47d 10%, #38761d 100%);
border-left: 3px solid red;
border-radius: 0 0 10px 10px;
border-right: 3px solid red;
border-top: 2px solid red;
overflow: auto;
padding: 10px;
text-align: center;}

#rb-wrapper-bottom {
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-o-border-radius: 10px 10px 0 0;
background-image:-webkit-linear-gradient(left, #93c47d 10%, #38761d 100%);
background-image:-moz-linear-gradient(left, #93c47d 10%, #38761d 100%);
background-image:-ms-linear-gradient(left, #93c47d 10%, #38761d 100%);
background-image:-o-linear-gradient(left, #93c47d 10%, #38761d 100%);
background-image:linear-gradient(left, #93c47d 10%, #38761d 100%);
border-bottom: 2px solid red;
border-left: 3px solid red;
border-radius: 10px 10px 0 0;
border-right: 3px solid red;
overflow: auto;
padding: 10px;
text-align: center;}

.rb-wrapper-content {
background-color: #cccccc;
border-bottom: 4px double red;
border-left: 2px solid red;
border-right: 2px solid red;
border-top: 4px double red;
margin: 0 8px 0 8px;
overflow: auto;
padding: 10px;
text-align: left;
font:normal 12px/15px Courier,Monospace;}

SAHABAT BLOGGER 77

#border-text {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius:10px;
background-color: green;
border-left: 4px solid red;
border-radius: 10px;
border-right: 4px solid red;
overflow: auto;}

.text {
background-image:-webkit-linear-gradient(top, #111 50%, #666 100%);
background-image:-moz-linear-gradient(top, #111 50%, #666 100%);
background-image:-ms-linear-gradient(top, #111 50%, #666 100%);
background-image:-o-linear-gradient(top, #111 50%, #666 100%);
background-image:linear-gradient(top, #111 50%, #666 100%);
color:#ccc;
font:normal 12px/15px Courier,Monospace;
margin:0 20px 0 20px;
overflow: auto;
padding: 10px;
border-left:2px solid #ccc;
border-right:2px solid #ccc;
text-align: left;}

ELEMEN KODE

#box-top {
background-color: blue;
border-bottom: 3px solid yellow;
padding: 8px;
text-align: center;
font: bold 14px/normal Helvetia;
color: #fff;}

.box-content {
background-image:-webkit-linear-gradient(left, #111 50%, #666 100%);
background-image:-moz-linear-gradient(left, #111 50%, #666 100%);
background-image:-ms-linear-gradient(left, #111 50%, #666 100%);
background-image:-o-linear-gradient(left, #111 50%, #666 100%);
background-image:linear-gradient(left, #111 50%, #666 100%);
overflow: auto;
padding: 10px;
text-align: left;
color:#ccc;
font:normal 12px/15px Courier,Monospace;}