HTML Blue Code
This page contains HTML code for coloring an element blue. You can have blue text, a blue background, or a blue border around an element.
Blue Text
This example uses inline styles to set the text color to blue (i.e. I use the style attribute against the HTML element).
In this case, I apply the styles against a <div> tag, but I could just have easily applied them against a <div> tag (for all text within that element) or even a <body> tag (for all text on the page).
| Source Code | Result |
|---|---|
|
Blue text |
Here's the same thing, but this time using embedded styles.
| Source Code | Result |
|---|---|
|
Blue text |
You could also place the CSS code into a external style sheet.
Blue Background Color
You can set the background color of an element to blue by using the CSS background-color property or the background shorthand property.
In this example, I've placed text inside a <div> tag, set its background color to blue, and set its text color to white.
| Source Code | Result |
|---|---|
|
White text, blue background.
|
Blue Border Color
In this example, I've added a blue border around a <div> element.
| Source Code | Result |
|---|---|
|
I have a blue border.
|
Blue Color Codes
The above examples use blue as the color value. I could just as easily used the hexadecimal or RGB color values and the result would've been the same.
Here are the various methods of specifying the color blue in HTML.
| Source Code | Result |
|---|---|
|
Blue text Blue text (hexadecimal #0000ff) Blue text (hexadecimal shorthand #00f) Blue text (RGB value rgb(0,0,255)) |
Shades of Blue
Here are some different shades of blues & cyans that can be used instead of just plain old "blue".