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="polozka"> <div class="trojuhlenik"></div> <p>Text</p> </div> <div class="polozka bila"> <div class="trojuhlenik"></div> <p>Text</p> </div> <div class="polozka tmava"> <div class="trojuhlenik"></div> <p>Text</p> </div> <div class="polozka seda"> <div class="trojuhlenik"></div> <p>Text</p> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.trojuhlenik { border: solid #044F80; border-bottom-color: transparent; border-width: 0 600px 100px 0; position: absolute; top: 0; left: 0; } .polozka {width: 600px; background: #0193CB; min-height: 200px; position: relative} p {padding: 3em 1em; margin: 0} .bila {background: #fff} .bila .trojuhlenik {border-right-color: #0193CB} .tmava {background: #044F80} .tmava .trojuhlenik {border-right-color: #fff} .seda {background: #575757} .seda .trojuhlenik {border-right-color: #044F80}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>