- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Setting Text Color using CSS
To set the text color, use the color property in CSS. You can set the color with the color name, hexadecimal value, RGB value, or using the HSL value.
Example
<!DOCTYPE html>
<html>
<head>
<style>
span {
background-color: orange;
color: white;
}
p.demo {
display: none;
}
span.demo1 {
display: inline;
}
</style>
</head>
<body>
<h1>Match Details</h1>
<div>
Match will begin at <p class="demo">9AM</p> 10AM on 20th December.
</div>
<div>
Match will end at <span class="demo1">5PM</span> on 20th December.
</div>
</body>
</html>Output
Example
Let us now see another example −
<!DOCTYPE html>
<html>
<head>
<style>
p.demo1 {
word-spacing: 1cm;
color: #F8E61C;
}
p.demo2 {
word-spacing: 40px;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<h2>Heading2</h2>
<p class="demo1">This is demo text.</p>
<h2>Heading2</h2>
<p class="demo2">This is demo text.</p>
</body>
</html>Output
Updated on 26-Dec-2019 11:18:43
- Related Questions & Answers
- Setting Text Color Working with CSS
- Setting the element's text color using CSS
- Setting Text Alignment using CSS
- Setting up Background Color using CSS
- Setting the Color of Links using CSS
- Setting the Location Color Stops using CSS
- Setting Color Property in CSS
- Setting up Background Color in CSS
- How to Change Link Underline Color using text-decoration-color CSS
- Setting Line Height using CSS
- Setting Background Position using CSS
- Setting Background Image using CSS
- Emphasis text and color with CSS
- Animate CSS text-decoration-color property
- Setting List Style Type using CSS
Advertisements