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=pozadi1>1</div> <div class=pozadi2>2</div> <div class=pozadi3>3</div> <div class=pozadi4>4</div> <div class=pozadi5>5</div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div { width: 300px; height: 150px; margin-top: 5px; background: gold; } .pozadi1 { background: #def top no-repeat url(http://lorempixel.com/200/100/) ; } .pozadi2 { background: #def left no-repeat url(http://lorempixel.com/200/100/) ; } .pozadi3 { background: #def center no-repeat url(http://lorempixel.com/200/100/) ; } .pozadi4 { background: #def 50% no-repeat url(http://lorempixel.com/200/100/) ; } .pozadi5 { background: #def 100% no-repeat url(http://lorempixel.com/200/100/) ; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>