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
<nav> <a href="#b1">B1</a> <a href="#b2">B2</a> <a href="#b3">B3</a> <a href="#b4">B4</a> </nav> <div class='block'> <a class='anchor' id='b1'></a> Lorem ipsum dolor sit amet </div> <div class='block'> <a class='anchor' id='b2'></a> Lorem ipsum dolor sit amet </div> <div class='block'> <a class='anchor' id='b3'></a> Lorem ipsum dolor sit amet </div> <div class='block'> <a class='anchor' id='b4'></a> Lorem ipsum dolor sit amet </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
nav { width: 100%; height: 100px; background: green; } .block { width: 100%; height: 500px; background: red; border-top: 100px yellow solid; position: relative; } .block:nth-of-type(2n) { background: blue; } .block .anchor { position: absolute; top: -100px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>