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 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;
Click on the "echo" correct instruction.
echo "" echo ""; echo """;
echo "Address URL:";
CSS Code Snippets

Last accessed pages

  1. Shooter Games (976)
  2. JavaScript Course - Free lessons (10465)
  3. Move image from an element /tag to another (1097)
  4. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (43806)
  5. Zodiac Signs JavaScript code (2504)

Top accessed pages

  1. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (43806)
  2. PHP-MySQL free course, online tutorials PHP MySQL code (33240)
  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)