Featured Tutorials

web design guide, how to, website design, tips, advice,web design tutorial,design tutorial,websites,learn html,learn css,css tips,html tips,seo tips Web Development Guide

Web Development Guide

A large selection of expert tips and advice to help you design and market the perfect web ..

flash paint,painting in flash,paint program,paint program flash,flash draw lines,draw lines,drawing lines in flash,ms paint in flash,whiteboard,flash whiteboard Grafitti Style Paint Program in Flash

Grafitti Style Paint Program in Flash

This is a very cool tutorial for creating a simple paint with the mouse pointer program in..

traffic,social bookmarking sites,social bookmarking traffic,stumble upon tips,submitting to stumble upon,submitting to digg,digg traffic,stumble upon traffic,traffic to my website,getting traffic,getting social traffic,best social sites,best link sites How to Get Traffic from Social Bookmarking Sites

How to Get Traffic from Social Bookmarking Sites

Here's a great list of blog posts that have carried out research into some of the biggest ..

reptile skin,reptile texture,dragon skin,dragon texture,dragon skin texture,dinosaur texture,dinosaur skin Creating Dinosaur or Dragon Skin Textures in Photoshop

Creating Dinosaur or Dragon Skin Textures in Photoshop

This texture tutorial will teach you how to use some simple effects and filters in Photosh..

motion,photography,shutter speeds,photography tips,photography shutter,shutter speeds,motion photography,motion photos,photos of moving,photos of moving cars,photos of crowd,photos of people,moving photography Adjusting shutter speeds for motion photography

Adjusting shutter speeds for motion photography

Some great advice for anyone looking to get the most out of their SLR camera. Learn some o..

Featured Videos

If your learning Flash this is a must know, as it will help you t..

Heres a must know for anyone who designs or runs an online ecomme..

This video shows off the power of 3D software with realistic faci..

This tutorial will teach you some of te basic techniques for crea..

Another amazing video showing how easy it is to change a persons ..

Learn CSS: Border Styles & Properties

There are many different types of border from solid one color to double line and even in and out set borders with different shades of color. The examples below show the code that you will need to use in the <style></style> tags of your div tags, images or form buttons.

 

Border Properties

Setting the width of a border is as simple as this:

<div style="border-width: 2px;"></div>

You can also use these next examples to change the color of a border:

<div style="border-color: #334455;"></div>

<div style="border-color: red;"></div>

 

Border Styles

Here are some examples of the various border types available with examples to show you how they appear.

border-width: 2px;border-style: solid; border-color: #f48039;

This is a solid border

 

border-width: 2px;border-style: dashed; border-color: #f48039;

This is a dashed border

 

border-width: 2px;border-style: dotted; border-color: #f48039;

This is a dotted border

 

border-width: 2px;border-style: double; border-color: #f48039;

This is a double border

 

border-width: 4px; border-style: groove; border-color: #f48039;

This is a groove border

 

border-width: 4px; border-style: ridge; border-color: #f48039;

This is a ridge border

 

border-width: 4px; border-style: inset; border-color: #f48039;

This is a inset border

 

border-width: 4px; border-style: outset;

This is a outset border

 

Shorthand CSS (for those who want their code to look a bit more pro)

Short hand in css is a way of writing many of the above examples in one line of property code, or in other words squeezing it all into one simple line, as follows:

<div style="border: 10px solid #f48039;"></div>

This is a outset border

 

More Web Design...

Other Content...

 Subscribe to our feed

Send to a friend