Cerc si Oval cu CSS

Curs Css

Cerc si Oval create cu un singur tag HTML (DIV) si cateva proprietati CSS.

Cerc

<style type="text/css">
#circle {
 width: 180px;
 height: 180px;
 background: #abcdef;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 padding:15px;
}
</style>

<div id="circle"><br/><br/>Cursuri online:<br/>MarPlo.net</div>

Rezultat:

Forma Ovala

- Raza trebuie sa fie jumatate din lungime si inaltime, la care se adauga valoarea padding-ului (in acest exemplu: (240 / 2) + 15 = 135, si (120 / 2) + 15 = 75).

<style type="text/css">
#oval {
 width: 240px;
 height: 120px;
 background: #89f899;
 -moz-border-radius: 135px / 75px;
 -webkit-border-radius: 135px / 75px;
 border-radius: 135px / 75px;padding:15px;
}
</style>

<div id="oval"><br/>Cursuri Programare Web:<br/>https://CoursesWeb.net</div>

Rezultat:

<input type="text" value="valoare-fixa" readonly="readonly" name="a_name" />

.class {
  border:2px solid blue;
  border-radius:1.2em;
}

var ques = window.confirm("Rezultatul lui 0+0 este 0?");
if (ques) alert("Corect");
else alert("Incorect");

$min_nr = min(12, 8, 25, 13);
echo $min_nr;        // 8

Its ears are big.
- Urechile lui sunt mari.

Los niños son deportistas.
- Copii sunt sportivi.