/ Published in: CSS
secure and stable
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
#test{ width:400px; height: 500px; background: ; margin: 100px auto 0px; } #no{ width: 10px; height: 10px; background-image: url("images/c_no.png"); float:left; } #ne{ width: 10px; height: 10px; background-image: url("images/c_ne.png"); float:right; margin-top: -10px; } #so{ width: 10px; height: 10px; background-image: url("images/c_so.png"); float:left; } #se{ width: 10px; height: 10px; background-image: url("images/c_se.png"); float:right; margin-top: -10px; } #tabn{ margin: 0px 10px; background: #1D1D1D; width: auto; height: 10px; } #tabs{ margin: 0px 10px; background: #1D1D1D; width: auto; height: 10px; } #contenedor{ height: auto; background: #1D1D1D; } #contd{ background: ; margin: -5px 10px 0px; } /* This is html*/ /* <div id="test"> <div id="tops"> <div id="no"></div> <div id="tabn"></div> <div id="ne"></div> </div> <div id="contenedor"> <div id="contd">This is a test of this thing</div> </div> <div id="bottoms"> <div id="so"></div> <div id="tabs"></div> <div id="se"></div> </div> </div> */