HOME | PHP Tutorial | CSS
facebook icon
AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP
PHP Tutorial

PHP forms
HTML Tutorial

CSS Tutorial

CSS Font Color Class


CSS Tutorial » CSS Font Color Class

Color attribute specifies the color of a text.

color:color_name or hex_number or rgb_number


We can add CSS color properties as:
Inline - by using the style attribute in HTML elements
Internal - by using a <style> element in the <head> section
External - by using an external CSS file as style.css
Note: Use external CSS instead.


How to create CSS Color of a Text- examples


You can try to execute the following code to change CSS color text on this page.
If you like this, you can simply copy the code and paste it on your website.


Example:
Example 1, How to create CSS font color - examples:
<!DOCTYPE html>
<html>
<head>
<style>
.color-text {
color: red;
font-size: 2em;
font-family: "Courier New", Courier, monospace;
background-color: #00CC66; /* Green */
}
.color-text1 {
color: #0099CC;
font-size: 3em;
font-family: "Courier New", Courier, monospace;
background-color: #00CC66; /* Green */
}
.color-text2 {
color: rgb(201, 76, 76);
font-size: 6vw;<br /> font-family: "Courier New", Courier, monospace;
background-color: #00CC66; /* Green */
}
.color-animation-text {
color: #FF33CC;
border: 1px solid black;
width: 400px;
height: 100px;
animation: mymove 5s infinite;
}
@keyframes mymove {
50% {font-size: 40px;}
}
</style>
</head>
<body>
<h3 align="center">How to make CSS font color text</h3>
<p align="center">Change CSS font color types on this editor and execute code</p>
<p align="center">

<div class="color-text">Your font color text here</div><br />
<div class="color-text1">Your font color text1 here</div><br /> <div class="color-text2">Your font color text2 here</div><br />
<div class="color-animation-text">Your font color animation text here</div><br />

<div style="color:#FFCC00; font-size: 150%; font-family:Arial, Helvetica, sans-serif; font-weight:bold">inline css color - text </div>
</p>

</body>
</html>


css font color red, gradient, transparent, code, class, style, picker, and size, command CSS Font Color Class - css tutorial

3180. CSS align image center - how to create, css tutorial
CSS align image center - how to create css tutorial
https://www.agernic.com/css-tutorial/css-align-image-center-how-to-create.html

2708. Selectors - CSS tutorial
EchoEcho.Com : The complete CSS tutorial
http://www.echoecho.com/cssselectors.htm

2701. CSS Colors - CSS tutorial
EchoEcho.Com : The complete CSS tutorial
http://www.echoecho.com/csscolors.htm

3187. CSS Padding, top, bottom, left, right, css tutorial
CSS Padding, top, bottom, left, right css tutorial
https://www.agernic.com/css-tutorial/css-padding-top-bottom-left-right.html

1925. CSS code, Tags, Example, CSS, Editor, Online Courses, Training
Online CSS Tutorial pdf, what is CSS, Online Courses, Classes, Training, Tutorials for Beginners - agernic.com is a free interactive Code, Tags, Example, CSS, Editor, Online Courses, Training for beginners
http://www.agernic.com/css-tutorial.html

3011. CSS max width - max height - CSS responsive, css tutorial
CSS max width - max height - CSS responsive css tutorial
http://www.agernic.com/css-tutorial/css-max-width-max-height-css-responsive.html

Your add here
PHP str_repeat() function

PHP substr() function

PHP str_replace() function

PHP strlen() function

PHP htmlspecialchars() function

PHP define() function

PHP ucwords() function

PHP lcfirst() function

PHP htmlentities() function

PHP strip_tags() function

PHP strtolower() function

PHP wordwrap() function

PHP implode() function

PHP html_entity_decode() function

PHP similar_text() function

PHP trim() function

SQL Select data from a database.
HTML Image Align
HTML Text Style
CSS Text Shadow
HTML colors, background, text and border color
How to create HTML link without underline