Create a Cool Picture Frame Effect with CSS
By setting the CSS border-color property to a transparent color, and setting the background-origin property to border-box you can create a cool picture frame effect. More ...
Make a Fixed-width Variable-height Round Cornered Box
You have undoubtedly seen websites that display text within round cornered boxes, and, since there is no round cornered html element, you wondered how that was done. In this article, you'll learn precisely how to create such a round cornered box. More ...
Code to Move the Scrollbar to the Left Side
You can easily move the scrollbar of a block-level html element to the left side by setting its direction property to rtl. However, there are a few other thing you need to do to make it work right. More ...
Add Style to Your Blockquotes
A basic blockquote is a bit boring, but there are a few style tricks that you can use to spice them up. In this article you learn how to set a border, how to use graphic quote images and a few other style tricks. More ...
How to Center a DIV Within a DIV
CSS example code to center a DIV within a DIV. More ...
How to Style a Table
The early Web was used to communicate data between Universities and one of the most common structures used for that purpose is a table. Even today, many tables use the default styles, which makes them somewhat boring. In this article, I show you how to use CSS (cascading Style Sheets) to make your tables more interesting. More ...
Easy Rollover Menu Code
CSS menus with rollover effects are the standard for today's Web sites. In this article, you learn how to create a single-level CSS rollover menu. With this information and example code, you should be able to design your own menus. More ...
Easy CSS 3D Mouse-over Pressed Text Effect
I provide easy CSS code for 3d text when you move your mouse pointer over the 3D text shown above, the text will appear to be pressed. In this example, I configured the 3d text in a link. More ...
Write Style Rules to Make Them Understandable
If you're going to write quite a voluminous CSS-file, you should follow some general recommendations, which can help to avoid mistakes and to make the code understandable and convenient. For example write all the rules for every selector in the same place. More ...
CSS Arts and Crafts - Create a Graphic Cube Using the CSS3 Transform Property
The CSS3 transform property allows you to rotate, scale, move, and skew html elements. It be used to skew a div with an image background. In this example I create a cube using the CSS3 transform property. More ...
Code for Horizontal Drop-down Menu Bar
One of the most popular website navigation elements used today is the horizontal drop-down menu bar. Using the code provided in this article, you'll be able to create a menu bar that meets your requirements. You'll be able to easily change the number of main menu and sub-menu items, and to style the menu as you desire. More ...
Easier Expanding Menu Code
This article provides you with easier expanding menu code than a previous article did by losing automatic menu unexpand feature and added some easy CSS code to provide nice mouse over effects. More ...
