This page contains HTML code for coloring an element white. You can use these HTML codes for setting the text color, background color, or the border color to white.
One way of setting the text color to white is by using inline styles. In the following example, I use the HTML <p> tag along with the style attribute.
You could also apply the styles against a <div> tag (for all text within that element) or even the <body> tag (for all text on the page).
Note that most browsers display a background color of white. Therefore, to display white text you will need to change the background color to a color that contrasts enough with the white text, that the text is readable. In this example, I set the background color to black, and the text color to white.
You can create a white border around an element, however, the element will need to be contained within another element with a non-white background (otherwise you’ll have white on white — unreadable to the human eye).
In this example, I’ve nested a <div> element inside of another one. The outer <div> has a background color of black. The inner <div> has a 3 pixel border with a color of white and a background color of orange.
I have a white border.
White Color Codes
The above examples use white 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 white in HTML.
White text (hexadecimal #ffffff)
White text (hexadecimal shorthand #fff)
White text (RGB value rgb(255,255,255))
Shades of White
Here are some different shades of whites and “whitish” colors that can be used instead of just plain old “white”.