iDeskBD Forum
Please Give your Log In information.

HTML Colors

View previous topic View next topic Go down

HTML Colors

Post by Admin on Fri Aug 13, 2010 1:15 am

In HTML, colors can be added by using the style attribute. You can specify a color name (eg, blue), a hexadecimal value (eg, #0000ff), or an RGB value (eg rgb(0,0,255)).

Syntax


Foreground Color


To add color to an HTML element, you use style="color:{color}", where {color} is the color value. For example:
Code:
<h3 [b]style="color:blue"[/b]>HTML Colors</h3>
This results in:
HTML Colors


Background Color


To add a background color to an HTML element, you use style="background-color:{color}", where {color} is the color value. For example:
Code:
<h3 [b]style="background-color:blue"[/b]>HTML Colors</h3>
This results in:
HTML Colors




Border Color


To add a colored border to an HTML element, you use style="border:{width} {color} {style}",
where {width} is the width of the border, {color} is the color of the
border, and {style} is the style of the border. For example:
Code:
<h3 [b]style="border:1px blue solid;"[/b]>HTML Colors</h3>
This results in:
HTML Colors





Color Names


The most common methods for specifying colors are by using the color
name or the hexadecimal value. Although color names are easier to
remember, the hexadecimal values and RGB values provides you with more
color options.
Hexadecimal values are a combination of letters and numbers. The
numbers go from 0 - 9 and the letters go from A to F. When using
hexadecimal color values in your HTML/CSS, you preceed the value with a
hash (#). Although hexadecimal values may look a little weird at first,
you'll soon get used to them.
There are 16 color names (as specified in the HTML 4.0
specification). The chart below shows these color names and their
corresponding hexadecimal value.
ColorColor NameHexadecimal Value ColorColor NameHexadecimal Value
Black#000000 Green#008000
Silver#c0c0c0 Lime#00ff00
Gray#808080 Olive#808000
White#ffffff Yellow#ffff00
Maroon#800000 Navy#000080
Red#ff0000 Blue#0000ff
Purple#800080 Teal#008080
Fushia#ff00ff Aqua#00ffff

You can make up your own colors by simply entering any six digit
hexadecimal value (preceeded by a hash). In the following example,
we're using the same code as above. The only difference is that,
instead of using "blue" as the value, we're using its hexadecimal
equivalent (which is #0000ff):
Code:
<h3 [b]style="color:#0000ff"[/b]>HTML Colors</h3>
This results in:
HTML Colors





If we wanted to change to a deeper blue, we could change our hexadecimal value slightly, like this:
Code:
<h3 [b]style="color:#000069"[/b]>HTML Colors</h3>
This results in:
HTML Colors
avatar
Admin
Admin

Posts : 40
Points : 110
Reputation : 7
Join date : 2009-11-21
Age : 31
Location : Dhaka

View user profile http://www.smartbdtech.com

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum