Yin-Yang with CSS

Yin-Yang circle created with a DIV tag and CSS properties (without image file).
Code:

<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>

Demo:

<<-Egg shape with CSS -- Heart shape with CSS->>

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Which tag adds a new line into a paragraph?

First line ...<br>
Other line...

Which CSS property can be used to add space between letters?

text-size word-spacing letter-spacing

#id {
  letter-spacing: 2px;
}

What JavaScript function can be used to get access to HTML element with a specified ID?

getElementById() getElementsByTagName() createElement()

var elm = document.getElementById("theID");
var content = elm.innerHTML;
alert(content);

Click on the "echo" correct instruction.

echo "CoursesWeb.net" echo "CoursesWeb.net"; echo ""CoursesWeb.net";

echo "Address URL: http://CoursesWeb.net";

Last accessed pages

Execute JavaScript scripts loaded via AJAX ⁽⁷⁸⁴⁴⁾
Create simple Website with PHP ^(43829)
KeyboardEvent - Events for Keyboard ⁽¹⁶⁹²⁾
Working with MySQL Database ⁽³⁰⁶²⁾
TV-Screen shape with CSS ⁽⁴²⁸⁸⁾

Popular pages this month

Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS ⁽²⁹⁵⁾
Read Excel file data in PHP - PhpExcelReader ⁽¹⁰¹⁾
The Four Agreements ⁽⁸⁹⁾
PHP Unzipper - Extract Zip, Rar Archives ⁽⁸⁶⁾
The Mastery of Love ⁽⁸³⁾