Jo$h
Posting Freak
- Jul 7, 2010
- 1,030
- 79
Welcome to the second tutorial on CSS. If you have not read tutorial 1 yet, click
Defining Codes
they must be in the following syntax.
Border
In order to make a border, you will have to define that you would like to do so in your stylesheet. When you define that you want a border, you have to use the codes below as well as specifying the amount of pixels, the type of border, and the border color. A border should be on a box element which means you don't put a border on the body tag.
What types of borders can you use?
Todefine what type of border you want you need to use the
Dotted Border
Dashed Border
Solid Border
Double Border
Groove Border
.
Ridge Border
Inset Border
Outset Border
NO BORDER
HIDDEN BORDER
Defining the Color
You can define the color with the following codes:
Stay tuned for our next tutorial!
You must be registered for see links
. In This tutorial, We will learn more in-depth each piece of code you can use.Defining Codes
they must be in the following syntax.
Code:
element-code:DEFINE;
In order to make a border, you will have to define that you would like to do so in your stylesheet. When you define that you want a border, you have to use the codes below as well as specifying the amount of pixels, the type of border, and the border color. A border should be on a box element which means you don't put a border on the body tag.
Code:
#elementname {
border-top: 10px;
border-left: 10px;
border-right: 10px;
border-bottom: 10px;
}
Todefine what type of border you want you need to use the
Code:
border-style:TYPE;
Dotted Border
Code:
border-style:dotted;
Dashed Border
Code:
border-style:dashed;
Solid Border
Code:
border-style:solid;
Double Border
Code:
border-style:double;
Groove Border
Code:
border-style:groove;
Ridge Border
Code:
border-style:ridge;
Inset Border
Code:
border-style:inset;
Outset Border
Code:
border-style:outset;
Code:
border-style:none;
Code:
border-style:hidden;
Defining the Color
You can define the color with the following codes:
Code:
border-color:RGB;
border-color:Hex;
border-color:colorname;