Clepsydra shape created with a DIV tag and a few CSS properties.
Code:
<style type="text/css">
#clepsydra {
 height: 0;
 width: 120px;
 border-bottom: 120px solid #05ed08;
 border-top: 120px solid #05ed08;
 border-left: 65px solid transparent;
 border-right: 65px solid transparent;
 border-radius: 25%;
 -moz-border-radius: 25%;
 -webkit-border-radius: 25%;
 -khtml-border-radius: 25%;
}
</style>

<div id="clepsydra">CSS Course:<br/>CoursesWeb.net</div>
Demo:
CSS Course:
CoursesWeb.net

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag adds a new line into a paragraph?
<b> <br> <p>
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";
Clepsydra shape with CSS

Last accessed pages

  1. Ajax-PHP Chat Script (24797)
  2. Remove / Get duplicate array values - Reset array keys in PHP (5731)
  3. Add, Change, and Remove Attributes with jQuery (21297)
  4. Display data from PHP Array, or MySQL in HTML table (8698)
  5. ActionScript 3 - Change MovieClip Color (4801)

Top accessed pages

  1. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (43804)
  2. PHP-MySQL free course, online tutorials PHP MySQL code (33239)
  3. Read Excel file data in PHP - PhpExcelReader (33105)
  4. Get Attribute (ID, Class, Name, Title, Src) with jQuery (29933)
  5. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (27253)