Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div class="obal"> <div class="box1"> Box1 </div> <div class="box2"> Box2 </div> <div class="box3"> Box3 </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.obal { background-image: url("http://www.smilefie.cz/pozadi/#backgrounds-3"); width: 300px; height: 180px; margin: auto; color: black; border-radius: 0px 30px 0px 30px; background: white; box-shadow: silver 20px 20px 20px; } .box1 { padding: 10px; border-color: silver; color: silver; border-bottom: 0px solid; box-shadow: silver 5px 5px 5px; border-radius: 0px 0px 0px 5px; } .box3 { padding: 5px; color: silver; border-color: #000000; } .box2 { box-shadow: silver 5px 5px 5px; background: white; padding: 10px; color: silver; float: right; width: 220px; border-color: white; border-left: 0px solid; border-bottom: 2px solid; margin-bottom: 10px; border-radius: 0px 0px 0px 5px; position: relative; top: 10px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>