How to Set CSS Colors ?
CSS color properties allows us to color the Background and Foreground Color on a Web Page. We can set CSS color on text, backgrounds, borders, and other parts of elements in a document.
CSS Background Color
How to set CSS body background color ?
You can define the background color of a webpage by specify its body background color property.
body {background-color:#C0C0C0;}
output
How to set CSS Paragraph background color ?
body {background-color:#C0C0C0;}
p {background-color:#FFFFFF;}
output
How to set CSS div back color ?
body {background-color:#C0C0C0;}
p {background-color:#FFFFFF;}
div {background-color:#00FFFF;}
output
CSS Foreground Color
How to change CSS text color ?
When we want to change the color of a text (foreground color) in an HTML document the term color is used to specify the CSS property.
body { color: #800000 }
The above CSS code states that all the text elements under body shall be of Maroon color
How to Change the Font Color with CSS ?
When you set foreground color , actually the font color will change.
h1 { color: green; }
The above code change the font color inside the H1 tag.
Border Color
how to set CSS border-color
The border-color property specifies the border color for each side of the box.
p{ border-width: 2px;border-color:red;border-style: solid;}
output
You can specify border color to each side specifically.
<html>
<head>
<style type="text/css">
p{
border-width: 8px;
border-style: solid;
border-top-color: red;
border-right-color: green;
border-bottom-color: purple;
border-left-color: blue;
}
</style>
</head>
<body>
<p>Border color define to each side</p>
</body>
</html>