Egg shape created with a DIV tag and a few CSS properties (without image file).
Code:
<style type="text/css">
/* http://css-tricks.com/examples/ShapesOfCSS/ */
#egg {
 display:block;
 width: 180px;
 height: 240px;
 background-color: #09fb09;
 -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
 border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
}

/* Content in egg */
#eggsp div {
 position:absolute;
 padding:89px 2px 2px 9px;
}
</style>

<div id="egg"><div>CSS Course<br/>http://CoursesWeb.net</div></div></div>
Demo:
CSS Course
http://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";
Egg shape with CSS

Last accessed pages

  1. SHA1 Encrypt data in JavaScript (5186)
  2. Butterfly Kyodai (29651)
  3. Ajax-PHP Chat Script (31506)
  4. Qwop (30373)
  5. CSS Course - Free lessons (7754)

Popular pages this month

  1. Qwop (4647)
  2. Bubbles3 (3751)
  3. Butterfly Kyodai (3120)
  4. Drag Racer V3 (3078)
  5. Zuma Deluxe (2225)