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="ukazka"> <a href="#" class="bunka-1"></a> <a href="#" class="bunka-2"></a> <a href="#" class="bunka-3"></a> <a href="#" class="bunka-4"></a> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.ukazka a { float: left; width: 50%; height: 0; padding-bottom: 50%; background: white url(http://kod.djpw.cz/favicon.ico) no-repeat; background-size: 200%; } a.bunka-1 {background-position: left top} a.bunka-2 {background-position: right top} a.bunka-3 {background-position: left bottom;} a.bunka-4 {background-position: right bottom;} .ukazka a:hover {background-color: #00BFFF; background-image: none}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>