Yin-Yang cu CSS

Curs Css

Cerc Yin-Yang creat cu un tag DIV si proprietati CSS (fara fisier cu imagine).
Cod:

<style type="text/css">
#yinyang {
 width: 100px; height: 50px;
 background: #fff;
 border-color: #000;
 border-style: solid;
 border-width: 2px 2px 50px 2px;
 border-radius: 100%;
 position: relative;
}
#yinyang:before {
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 background: #fff;
 border: 18px solid #000;
 border-radius: 100%;
 width: 14px;
 height: 14px;
}
#yinyang:after {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 background: #000;
 border: 18px solid #fff;
 border-radius:100%;
 width: 14px;
 height: 14px;
}
</style>

<div id="yinyang"></div>

Rezultat:

<link href="/templ/style.css" rel="stylesheet" type="text/css" />

h2 {
  font-size: 1em;
}

document.getElementById("someID").innerHTML = "Continut HTML";

$str = "http://CoursesWeb.net/";
$nr_chr = strlen($str);
echo $nr_chr;       // 22

(In limba engleza adjectivele au aceeasi forma pt. ambele genuri)
The snow is white. - Zapada e alba.

La nieve es blanca.
- Zapada e alba.