How do you change background color in HTML?

Answer 1

Here is how Look! Styles and colors

This text is in Verdana and red

This text is in Times and green

This text is 30 pixels high

Answer 2

The preferred method of adding color to text is to use CSS. It would look something like this...

<span style="color: red;">This is something red.</span>

You can also modify background color by changing "color" to "background-color" in the style attribute above. The colors can be words (red, blue, black, etc), full hexadecimal (#FF0000, #0000FF, #000000, etc), short hex (#F00, #00F, #000, etc), or RGB (rgb(255,0,0), rgb(0,0,255), rgb(0,0,0), etc). There is limited experimental and provisional support for RGBA (like RGB, but with an "alpha" transparency value), HSL (hue, saturation, and luminosity values), and HSLA (HSL with alpha).

Answer 3

To change the background color of an element in X/HTML you use a style declaration. This declaration can be in a separate style-sheet, in an "inline" style-sheet in the HEAD section of the HTML page, or as an attribute.

For simplicity, let's pretend you want to change the color of a paragraph whose class attribute is set to "magic."

<p class="magic">Paragraph stuff ensues.</p>

In the style sheet you create a rule to reference that paragraph. The simplest form of that rule would be:

.magic {}

To set the background, use the CSS background-color property. This property can take either a string of one of 170 "named colors" (for instance "blue") or an RGB value for the color. RGB values can be either hexadecimal or use rgb() syntax. The following are all equivalent:

.magic { background-color: blue; }

.magic { background-color: #0000ff; }

.magic { background-color: #00f; } // shortcut for repeated RGB values

.magic { background-color: rgb (0, 0, 255); }

.magic { background-color: rgba(0, 0, 255, 1 ;}

The 3rd example uses a shortcut that allows you to drop the second digit (F here is a digit) from the RGB pairs is all of those pairs have the same digit in both places. You can do this for white, for instance, and #ffffff becomes #fff. But not if you've got a light grey like #edeebe.

The last two examples use the decimal equivalents to the RGB values (ff = 255) and the last one also uses the alpha channel. The alpha channel is a number between 0 (transparent) and 1 (opaque) that lets you adjust the opacity of the color itself. This does not work in older browsers.

XHTML demands that RGB hex values are always lower case. HTML 4 and 5 don't care (but if you always use lower case you can't goof it up.)

Answer 4

u have to be super smart