/ Published in: CSS
This is the style for a basic banner.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
/* ---------- css style --v -----------*/ body { } #container { margin-top:0; padding: 0; visibility: visible; } #banner { position:relative; width: 300px; height: 250px; margin: 0; padding: 0; background: #000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #000; overflow: hidden; cursor: pointer; } #bgImage { position: absolute; top: 0px; left: 0px; } /* ---------- bg-exit --v -----------*/ #bg-exit{ position:absolute; width: 100%; height: 100%; top:0px; left:0px; opacity:0; } /* ---------- copy and .copyLine --v -----------*/ #copy1 { position: absolute; display:block; width:95%; top:15px; left:10px; color:#fff; } #copy2 { position: absolute; display:block; width:95%; top:40px; left:10px; color:#fff; }