[TUT]{SERIES - #2}Learn CSS

Status
Not open for further replies.

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 . 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;
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.
Code:
#elementname {
border-top: 10px;
border-left: 10px;
border-right: 10px;
border-bottom: 10px;
}
What types of borders can you use?
Todefine what type of border you want you need to use the
Code:
border-style:TYPE;
2vxi0kk.png

Dotted Border
Code:
border-style:dotted;
2d00t9j.png

Dashed Border
Code:
border-style:dashed;
bge4aa.png

Solid Border
Code:
border-style:solid;
2epugjc.png

Double Border
Code:
border-style:double;
o0qtkp.png

Groove Border
Code:
border-style:groove;
.
2ckpz5.png

Ridge Border
Code:
border-style:ridge;
2i2c67l.png

Inset Border
Code:
border-style:inset;
2q151k6.png

Outset Border
Code:
border-style:outset;
NO BORDER
Code:
border-style:none;
HIDDEN BORDER
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;
Stay tuned for our next tutorial!
 

Kieren

The OGz
Aug 4, 2010
2,957
751
There are many websites available that provide the essential knowledge, information, and the step by step CSS learning procedure. Containing from the introduction of CSS to learning its syntax, subtopics and other elements to advanced CSS styles. CSS is popular because of its features that made web designing a lot easier to learn and talking about convenience.

There is also websites that provide us with Habbo/PHP/HTML and other tutorials but still there displayed here at DevBest so we don't have to look far, nice tutorial and it sure will be used, maybe websites show us more information and more on this language but this tutorial is more eaiser to follow, thanked.
 

Rocky

New Member
Dec 16, 2010
1
0
More importantly, learning computer programming languages will make you the master of your own domain and allow you to design and program your own applications and websites so that you won't have to depend on anyone else and you can end up saving a buck or two which is always a good thing.
 
Status
Not open for further replies.

Users who are viewing this thread

Top