The background-color property sets the background color of an element. The background of an element is the total size of the element, including padding and border (but not the margin). Tip: Use a background color and a text color that makes the text easy to read.

Mar 10, 2025 · .example-one { background-color: transparent; } .example-two { background-color: rgb(153 102 153); color: rgb(255 255 204); } .example-three { background-color: #777799; color: #ffffff; }

In these chapters, you will learn about the following CSS background properties: The background-color property specifies the background color of an element. The background color of a page is set like this: With CSS, a color is most often specified by: Look at CSS Color Values for a complete list of possible color values.

Jan 4, 2025 · Defines the background color of an element using color names, HEX, or RGB values. Adds one or more images as the background of an element. Specifies how the background image should be repeated—horizontally, vertically, or not at all. Controls the scrolling behavior of the background image, making it fixed or scrollable with the page.

Background-color values can be expressed in hexadecimal values such as #FFFFFF, #000000, and #FF0000. Background-color values can be expressed using rgb such as rgb (255,255,255), rgb (0,0,0), and rgb (255,0,0). Background-color values can be expressed as named colors such as white, black, and red.

Jan 1, 2024 · View description, syntax, values, examples and browser support for the background-color CSS Property.

Feb 17, 2015 · Another way to declare a color is to use RGB, RGBa, HSL, or HSLa: Unlike hex codes, these values allow for transparency (alpha), which can be super useful. Learn more about RGBa or HSLa. The background-color property in CSS applies solid colors as background on an element. Here's an example:

Sep 11, 2024 · By using the background-color property, you can easily enhance the visual appearance of your webpage. It provides flexibility in how you style the background, whether for a specific element or the entire page. background-color : color | transparent| initial | inherit; Default value: It has a default value i.e. transparent.

The background-color CSS property sets the background color of an element. You can set color of the background either through a color value or the keyword transparent. The background of an element is the total size of the element, including padding …

Feb 17, 2025 · To align with branding and design guidelines. The basic syntax of the backgroundColor property is as follows: background-color: value; Where value can be one of the following: A hexadecimal color value, such as `#FF0000` (red), `#00FF00` (green), `#0000FF` (blue). An RGB color value, where `red`, `green`, and `blue` are integers between 0 and 255.