css commands


CSS, or cascading style sheets, are commonly used in web design to give a page it's look. These commands can be used to edit link properties, change borders, edit background colors, and much more.

backgrounds

Adding backgrounds to your page is almost essential, since otherwise it will just be white. To add a background, you will need to have a hex code for a color. Do this by opening GIMP or Photoshop, and going to edit colors. The code is on the bottom left-hand part of the pop-up. In Graphics Gale, you can get it by hovering over the color square under the palettes. If you don't have any of these programs, a good place to get hex codes is here. After you have your hex code, this is the basic format for a background:

background-color: #ffffff;

If you'd like an image as a background, then it's simple! First, upload the image. Then, use this code:

background-image: url(direct link to image here);

borders

Borders can make a site look fun and crazy or plain and professional. There are quite a few border options, and you can change width and color as well. Here are a few simple borders (note: the double border must be at least 3 pixels wide to work):

border: solid 3px #000000

border: dashed 3px #000000

border: dotted 2px #000000

border: double 3px #000000

border: ridge 3px #000000

border: outset 3px #000000

border: groove 3px #000000

Of course, within the border codes you can change the width and colors to match your needs.

hyperlinks

Changing the style of your hyperlinks is really easy. There are a ton of different options, and all of them make for a unique look! You can also use these attributes for normal text with the <span> tag. (<span style="attributes">text</span>)


Text Decoration
The most common link attribute is the text decoration. This basically controls lines in your link, such as:

text-decoration: none

text-decoration: underline

text-decoration: overline

text-decoration: line-through

You can also combine these decorations in any way:

text-decoration: line-through underline overline


Other Decorations
There are plenty of other ways to change the style of your text:

font-style: italic
font-weight: bold
text-transform: uppercase
Text-transform: lowercase