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:
 

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag can be used to create input text field in web page?
<form> <input> <div>
<input type="text" name="a_name" value="val" />
Which CSS property displays the text in a small-caps font?
display font-variant font-style
h3 {
  font-variant: small-caps;
}
What instruction displays a notice box with a message inside it, in JavaScript?
for() Date() alert()
var msg = "Visit CoursesWeb.net";
alert(msg);
Indicate the PHP code used to get the users IP.
$_SERVER["HTTP_USER_AGENT"] $_SERVER["REMOTE_ADDR"] $_GET[]
$ip = $_SERVER["REMOTE_ADDR"];
echo $ip;
Yin-Yang with CSS

Last accessed pages

  1. Insert, Select and Update NULL value in MySQL (50170)
  2. innerHTML and outerHTML to Get and Replace HTML content (24188)
  3. Styling link buttons using a Single Image and CSS (1978)
  4. Display data from PHP Array, or MySQL in HTML table (18518)
  5. Node.js Move and Copy Directory (7233)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (2973)
  2. Contact page - CoursesWeb (2864)
  3. Tabs effect with CSS (2846)
  4. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (1039)
  5. PHP getElementById and getElementsByTagName (998)