2. Brief Intro
CSS (Cascading Style Sheets) have been around for awhile now
which allow us to produce better websites. Due to the
advancement of CSS3, we are now able to do things a lot easier.
Things such as drop shadows, rounded corners, text
shadows, multiple background images, and much more. Although
the capabilities of CSS3 have expanded, most of the
customizations will only be noticed in Google Chrome, Firefox, and
Safari.
3. Rounded Corners
Example of Code:
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
4. Drop Shadow
Example of Code:
-webkit-box-shadow: 5px 5px 5px #888;
-moz-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
5. Multiple Background Images
Example of Code:
background:
url(images/staple.png) top left no-repeat,
url(images/staple.png) top right no-repeat,
url(images/staple.png) bottom left no-repeat,
url(images/staple.png) bottom right no-repeat;
background-color: #eee;