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="graf"> <div style="border-top-width: 1px"></div> <div style="border-top-width: 5px"></div> <div style="border-top-width: 10px"></div> <div style="border-top-width: 15px"></div> <div style="border-top-width: 17px"></div> <div style="border-top-width: 18px"></div> <div style="border-top-width: 20px"></div> <div style="border-top-width: 25px"></div> <div style="border-top-width: 30px"></div> <div style="border-top-width: 35px"></div> <div style="border-top-width: 40px"></div> <div style="border-top-width: 30px"></div> <div style="border-top-width: 35px"></div> <div style="border-top-width: 20px"></div> <div style="border-top-width: 15px"></div> <div style="border-top-width: 17px"></div> <div style="border-top-width: 18px"></div> <div style="border-top-width: 20px"></div> <div style="border-top-width: 25px"></div> <div style="border-top-width: 30px"></div> <div style="border-top-width: 35px"></div> <div style="border-top-width: 20px"></div> <div style="border-top-width: 10px"></div> <div style="border-top-width: 15px"></div> <div style="border-top-width: 10px"></div> <div style="border-top-width: 15px"></div> <div style="border-top-width: 17px"></div> <div style="border-top-width: 18px"></div> <div style="border-top-width: 20px"></div> <div style="border-top-width: 25px"></div> <div style="border-top-width: 30px"></div> <div style="border-top-width: 35px"></div> <div style="border-top-width: 30px"></div> <div style="border-top-width: 31px"></div> <div style="border-top-width: 33px"></div> <div style="border-top-width: 35px"></div> <div style="border-top-width: 40px"></div> <div style="border-top-width: 35px"></div> <div style="border-top-width: 33px"></div> <div style="border-top-width: 30px"></div> <div style="border-top-width: 25px"></div> <div style="border-top-width: 22px"></div> <div style="border-top-width: 20px"></div> <div style="border-top-width: 18px"></div> <div style="border-top-width: 15px"></div> <div style="border-top-width: 12px"></div> <div style="border-top-width: 10px"></div> <div style="border-top-width: 9px"></div> <div style="border-top-width: 8px"></div> <div style="border-top-width: 8px"></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.graf {width: 150px; height: 50px; background: #8ECCF0; overflow: hidden;} .graf div {float: left; width: 3px; height: 100%; background: #DA3F94; border-top: 0 solid #8ECCF0} .graf div:hover {background: #000}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>