Diskuze: Kulaté rohy
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Člen
Zobrazeno 9 zpráv z 9.
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Však to funguje ... http://jsfiddle.net/zbn8uejq/
Píšeš tady jak koukám obrys obdélníku. Nechceš spíše tedy pouze
rámeček?
http://jsfiddle.net/zbn8uejq/1/
nastuduj si CSS pořádně.
border-top-left-radius: 50px;nastaví zakulacení jen hornímu levému rohu.
Když už, tak používej tlačítko "Vložit zdrojový kód".
A zkus toto:
(CSS, pojmenuj třeba style.css a dej do stejné složky)
.kontejner
{
background-color: blue;
border-radius: 50px;
width: 300px;
height: 100px;
}(HTML)
<DOCTYPE HTML!>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="kontejner">
</div>
</html>Ukázka:
http://jsfiddle.net/bp10746m/
(Jinak to možná chápu blbě, ale psal jsi, že rohy, ale tím pádem všechny.)
určitě ano, zelený rámeček cca 3-5 px border-radius: 20px;
pokud to chci v rámečku a na všech vepíši do body
#kontejner
{
background-color: blue;
border-top-left-radius: 50px;
width: 300px;
height: 100px;
}
v head není o tom žádný <style>xxxxxx,/style>
a ve výsledku zobrazení jsou rohy pravoúklé a nezakulacené.
Zobrazeno ve W 8.1 Pro s Off. 2013
#kontejner
{
background-color: blue;
border-top-radius: 20px;
width: 300px;
height: 100px;
}
Pořád nechápu, proč tu píšeš v kódu background, když chceš ten zelený rámeček a zakulacené rohy?
Toto by mělo býti to, co chceš - podle toho, co jsem pochopil z tvých
vět.
http://jsfiddle.net/zbn8uejq/4/
Díky móc, to je přesně ono. Na webu si ještě upřesním pozici a text. Prostě pořád se musím tohle učit.
Zobrazeno 9 zpráv z 9.