Related Tutorials
CSS and BordersYou can set borders to just about any HTML element. Most likely you will be surrounding blocks of text and images.
Learn CSS: Border Styles and Properties
There are many different style and settings for borders in CSS. This tutorial hopes to teach you the basics of adding borders to page elements, div tags and images with various border properties.
CSS and Borders
Without CSS, your choices for borders were those crappy grey ones that surrounded tables and frames. Now however, since page presentation has become such an important aspect of web-design, stylesheets allow you lots of variety in your borders, and you can apply them to anything you want!
Table Borders
Learn how to create stylish 1px width borders on your tables .
Custom Bullets
Bullets are used as markers in html lists of data. Bullets are not limited to circles, squares, discs, and even roman numerals. Bullets can be just about anything by using CSS to create custom bullets from images.
Box Outlines and Borders
This tutorial will describes how to set box outlines and borders.
Shiny Happy Buttons
Here a shining example of what can be done to customise the look of HTML buttons without resorting to images. Custom button styles are a frequent request, but the use of images can heavily restrict the implementation. Avoid those pitfalls by sticking to pure CSS.
Shorthand Borders, Margins And Padding
This tutorial covers using CSS shorthand in borders, margins and padding.
Css Borders
Using CSS you can apply a border to elements like table cells and images. You can define individual edges (border-right for example) or you can apply the same effect to every edge (border).
Create custom form button
This tutorial explains how to create custom web form button using CSS and the background image
CSS Custom Cursors
This tutorial is guide to using custom mouse pointers and cursors with css. And is geared towards someone who is new to css.
30 CSS Best Practices for Beginners
CSS is a language that is used by nearly every developer at some point. While it's a language that we sometimes take for granted, it is powerful and has many nuances that can help (or hurt) our designs. Here are thirty of the best CSS practices that will keep you writing solid CSS and avoiding some costly mistakes.
CSS Building Blocks
In this tutorial, the focus is chiefly on common CSS building blocks. For the most part, their uses should be fairly obvious, as the terms correlate well with the real world. Margin, padding, borders, widths, heights-all familiar terms for things that do what you are probably assuming they do.
How to Add Google Custom Search Box in Navigation Menu
We all know navigation of a website gives more impression to the readers. Most of the people want important things like search box, categories in navigation. In this tutorial I am going to explain how to add google custom search box in navigation bar.
Advanced CSS and Floating Images
With HTML layouts, you'll inevitably run into situations where you will want to manipulate images and align them to other elements in your pages. Being able to do this becomes an advanced CSS skill, even though understanding it is not.
Z-index, background images and hidden text-Search Engine friendly
In this tutorial I will explain how to use background images with a different tags to place them one on top of the other using absolute positioning and z-index.
List Images
In CSS List Images are such a simple topic that I have seen overlooked over and over. There is not much to it at all. Just one line of css.
Improved CSS Hover Images
You see a lot of hover effects on web nowadays. Images are often preloaded on page load so that the user sees the hover effects right away, but there's also another way to do it. How about using just one image and changing its state/position it with CSS?
Image watermark effect to protect your images
This is a very simple watermark effect made with CSS. This can be used to protect images on your website.
Page Layout and Background Image Design
Clear answers are provided with tutorial exercises on screen and browser resolutions, setting Web page width in absolute and relative length units, setting images and font sizes in relative length units, adding multiple background images.
Custom CSS Cursors
Using CSS, you can change the default cursor icon associated with a particular element, even specifying your own cursor image (in IE6+) instead.
Positioning
These are CSS commands that allow you to place images and text exactly where you want them on any browser.
RevealTrans Filter
Great quick effect. Images and text go away and then come back.
Style Sheets and Backgrounds
Learn how to set images in background by using CSS.
User Styling
Jon Hicks takes a peek at using CSS to apply custom user styles to change the appearance of sites within your own browser. Put your existing knowledge of CSS to good use to make your own browsing experience more pleasant and productive.
CSS Button Tutorial
I'm going to show you what we can do with buttons. I am assuming you know CSS. Also, for this tutorial, use Notepad which, with a little manipulation, is the most powerful text-editor around. Check out it's custom scripting language later on. But for now, let's make a basic button. By the way, you will notice my HTML is a little different from most others. That's because it's XHTML. You can look that up later.
Custom Link Colors
Standard link colors are boring and frequently do not match the color scheme of your website. Pseduo-classes, which add different effects to some selectors, can change the link colors to match your site.
Applying border & opacity to images onMouseover
In this tutorial, I'll show you how to use CSS alone to reproduce two popular image effects that have traditionally been done using scripting.
Rounded corners textbox using photoshop
In this tutorial I will explain how to create custom made textbox using css and photoshop. The textbox will have rounded corners, colored border and search icon.
CSS top image preloader
This tutorial will show You, how to use nice GIF animated preloaders for top images (or any other image).
Background properties
Css properties allows you to specify the background of an element. Backgrounds may be colors or images.
DD Color Tabs
This is a lightweight, very easy to customize image tabs menu similar to the one you see throughout Dynamic Drive. Instead of swapping between two tab images, this menu uses a unified transparent tab instead.
CSS and Backgrounds
In this tutorial I'll be going into the properties that give colour to your layouts, and let you control your background images. You will soon be able to control the background colour and image of all your elements.
Cascading Style Sheets (CSS); Backgrounds
Background colors and images can be used for stylistic effects and can be an important element in the design of web sites. With standard HTML, one can assign backgrounds to a web page and to tables and table data cells.
CF Navigation Menu II
This is an inverted version of the original CF Navigation Menu. Four images are used as part of its interface- the two round corners, an indented divider between menu links, and a gradient background image spanning the menu.
Learn CSS: Background Images
This simple tutorial will teach you about the background property in CSS, there are many ways to add a background to your page body and seperate page elements.
Style html lists with css
Html lists can be formated differently with very simple tricks. First you can use either bullets or numbers for your the lists. Secondly you can use images instead of bullets to make them better looking.
CSS Navigation Menu
How to create a stylish, lightweight navigation menu for your website, using CSS and two images.
Rounded corners box simple effect with photoshop
In this post I will show how to create rounded corners using background images created in Photoshop, one for each corner. This technique is very simple and is working in all the browsers.
Styling links with CSS
Learn how to add interesting CSS styles to HTML links, including visited and rolled-over links. Discover how to change colours and add images to links.

Report
Adobe Fireworks
Adobe Flash
Adobe Illustrator
Adobe Image Ready
Adobe Photoshop
3D Studio Max
Cinema 4D
Maya 3D
Microsoft Excel
Microsoft PowerPoint
Microsoft Word
Microsoft Access
MySQL
C and C++
Python
Visual Basic
.htaccess
Adobe DreamWeaver
ASP
CGI & Perl
CSS
Java
JavaScript
Microsoft FrontPage
Windows Vista
Windows 7