body {
background-color: green;
}
html,body {
background-color: red;
}
body {
background-color: red;
}
/* Keyword values */
background-color: gainsboro;
background-color: lightcoral;
/* Hexadecimal value */
background-color: #0000ff; /* blue opaque */
background-color: #00f; /* blue opaque shorthand */
background-color: #0000ff00; /* blue transparent */
background-color: #00f0; /* blue transparent shorthand */
background-color: #0000ffff; /* blue opaque */
background-color: #00ff; /* Fully opaque shorthand */
/* RGB value */
background-color: rgb(0, 0, 255); /* blue opaque */
background-color: rgba(0, 0, 255, 0.5); /* 50% transparent */
/* HSL value */
background-color: hsl(67, 100%, 50%); /* yellow opaque */
background-color: hsla(67, 100%, 50%, 0.75); /* 75% transparent */
/* Special keyword values */
background-color: currentcolor;
background-color: transparent;
/* Global values */
background-color: inherit;
background-color: initial;
background-color: unset;
/* To apply color to background you have to use 'background-color' property and value of property is color name. */
html,body {
background-color: blue;
}
body {background-color: coral;}
background-color: blue;
<style>
body {
background-color: coral;
}
</style>
html {background-color: #ededed;} /*Changes the background colour to a light grey*/
body {background-color: coral;}
.class,#id,div {
background-color: green;
}
body {
background-color: black;
}
Code Example |
---|
Css :: ease in out css |
Css :: add css variables without global |
Css :: nprogress css |
Css :: padding top bottom |
Css :: style textarea in css |
Css :: sass variable |
Css :: css if select has value |
Css :: crop image in div |
Css :: custom select dropdown css only codepen |
Css :: background single line property css |
Css :: css resets |
Css :: how to style ul circles black in css |
Css :: css immediate child |
Css :: css animation-fill-mode |
Css :: css nth child range |
Css :: css when i add a border radius to input problem |
Css :: media queries and or conditions |
Css :: inherit css |
Css :: scss global class |
Css :: remove text color from link |
Css :: css text color |
Css :: css italics |
Css :: css loader with gradient |
Css :: filter array by keyword |
Css :: img transparent |
Css :: skeumorphism box shadow |
Css :: How to replace broken image CSS? |
Css :: add image icon to button css |
Css :: scss to css |
Css :: add color to border css |