Useful CSS / CSS3 code snippets to style HTML elements, for page design, and Web Designers.

  1. Making Responsive IFRAMEs
  2. Tabs effect with CSS
  3. Transparent Background, but not the text-content on it
  4. Center Fiixed and Absolute element
  5. Making DIV Contents Scroll Horizontally, with multiple Div`s inside
  6. CSS Trapezoid Shape
  7. CSS Rhombus Shape
  8. Triangles
  9. Circle and Oval
  10. Polygons (Parallelogram, Pentagon, Hexagon, Octagon)
  11. Stars (with 5, 6, 8, and 12 points)
  12. Buttons
  13. Diamond
  14. TV-Screen
  15. Clepsydra
  16. Egg
  17. Yin-Yang
  18. Heart shape with CSS
  19. Complex Shapes with a single DIV and CSS (Talk Bubble, Badge Ribbon, Infinity, Chevron, Ship)

Daily Test with Code Example

Which tag defines the clickable areas inside the image map?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
Which CSS property defines what is done if the content in a box is too big for its defined space?
display overflow position
#id {
  overflow: auto;
Click on the event which is triggered when the mouse is positioned over an object.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
Indicate the PHP variable that contains data added in URL address after the "?" character.
if(isset($_GET["id"])) {
  echo $_GET["id"];
CSS Code Snippets

Last accessed pages

  1. Add and Remove HTML elements and Content with jQuery (17347)
  2. CSS cursor property - Custom Cursors (3102)
  3. Remove / Get duplicate array values - Reset array keys in PHP (5853)
  4. Add Tag to Selected Text in textarea with JavaScript (751)
  5. Add, Change, and Remove Attributes with jQuery (22007)

Top accessed pages

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