saftutorials.com
CSS Colors Tutorial

CSS Colors is important for a website nice look. You can make nice design your website using CSS colors.

By this tutorials you can learn

1) How to use CSS Colors?

2) Where to use CSS Colors?

3) How to find CSS Color code?


How to use CSS Colors?

You can use CSS Colors by three way:

1) Using by Color Name - such as Green, Red, Blue etc. 

2) Using by Color Code - such as Green = #000800, Red = #ff0000, Blue = #0000ff.

3) Using by RGB Code - such as Green = rgb(0, 255, 0), Red = rgb(255, 0, 0), Blue = rgb(0, 0, 255).


Where to use CSS Color?

1) Body Background, 2) Div Background, 3) Text Color, 4) Table Color etc.


How to Find CSS Color Code?

1) You can get huge CSS Color Code here.

2) You can get Gradient Color Tools by Colorzilla


CSS Color using by Color Name
<!DOCTYPE html>
<html>
<head>
  <title>CSS Color using by Color Name Tutorials</title>
</head>
<body>
<p>Color use in Text Color by Color Name</p>
<h1 style="color: green">This text color by Color Name Green</h1>
</body>
</html>

Color use in Text Color by Color Name

This text color by Color Name Green

CSS Color using by Color Code
<!DOCTYPE html>
<html>
<head>
  <title>CSS Color using by Color Code Tutorials</title>
</head>
<body>
<p>Color use in Text Color by Color Code</p>
<h1 style="color: #008000">This text color by Color Code Green</h1>
</body>
</html>

Color use in Text Color by Color Name

This text color by Color Name Green

CSS Color using by RGB Color
<!DOCTYPE html>
<html>
<head>
  <title>CSS Color using by RGB Color Tutorials</title>
</head>
<body>
<p>Color use in Text Color by RGB Color</p>
<h1 style="color: rgb(0, 255, 0);">This text color by Color Code Green</h1>
</body>
</html>

Color use in Text Color by Color Name

This text color by RGB Color Green

Where to use Color Code?

CSS Color using by body Background
<!DOCTYPE html>
<html>
<head>
  <title>CSS Color use for Body Background Color</title>
</head>
<body bgcolor="green">
<h1>This is Sample Text</h1>
</body>
</html>

Color using for page body Background

CSS Color using on HTML Table
<!DOCTYPE html>
<html>
<head>
  <title>CSS Color using on HTML Table</title>
</head>
<body>
<table width="400" height="250" border="1" style="border-collapse: collapse;">
  <tr>
    <td width="50%" bgcolor="green"></td>
    <td width="50%">Green</td>
  </tr>
  <tr>
    <td width="50%" bgcolor="white"></td>
    <td width="50%">White</td>
  </tr>
  <tr>
    <td width="50%" bgcolor="black"></td>
    <td width="50%">Black</td>
  </tr>
  <tr>
    <td width="50%" bgcolor="red"></td>
    <td width="50%">Black</td>
  </tr>
  <tr>
    <td width="50%" bgcolor="blue"></td>
    <td width="50%">Blue</td>
  </tr>
  <tr>
    <td width="50%" bgcolor="yellow"></td>
    <td width="50%">Yellow</td>
  </tr>
</table>
</body>
</html>

CSS Color using on HTML Table

Green
White
Black
Black
Blue
Yellow
Find us on

Facebook Google Plus Twitter Pinterest YouTube

web statistic