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 attribute is used in <img> tag for the address of the image?
href src rel
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
Which CSS code hides the element on page?
display: none; display: inline; position: relative;
#id {
  display: none;
}
What instruction stops the execution of a while() or for() statement?
continue prompt() break
for(var i = 0; i< 8; i++) {
  if(i > 1) break;
  alert(i);
}
Indicate the function that can create a constant.
define() include() defined()
define("CONSTANT_NAME", "value");
echo CONSTANT_NAME;
Clepsydra shape with CSS

Last accessed pages

  1. Pagination Class - Script to paginate content (1316)
  2. JavaScript code and PHP (13817)
  3. dompdf (1718)
  4. jQuery plugin for Image SlideShow Carousel - Feature Carousel 2 (1343)
  5. Read Excel file data in PHP - PhpExcelReader (38034)

Top accessed pages

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