Create rainbow color text using css html

. I have used mainly CSS with rainbow colors. Very simple Just copy paste the code and modify it according to your need.

<p><big>
<span class="c1">H</span><span class="c2">A</span><span class="c3">P</span><span class="c5">P</span><span class="c6">Y</span>
<span class="c1">N</span><span class="c2">E</span><span class="c3">W</span><span class="c5">Y</span><span class="c6">E</span><span class="c2">A</span><span class="c3">R</span> <span class="c6">2</span><span class="c2">0</span><span class="c3">1</span><span class="c1">3</span></big></p>

The style part looks like this

<style>
big	{ font-size: 400% ; line-height: 150% }
.c1	{ background: white ; color: #F0F }
.c2	{ background: white ; color: #00F }
.c3	{ background: white ; color: #0FF }
.c4	{ background: white ; color: #0F0 }
.c5	{ background: white ; color: #FF0 }
.c6	{ background: white ; color: #F00 }
</style>

Just add the above set of code to an html page and see the magic.

Incoming search terms:

• css rainbow color (3)
• rainbow words in css (1)
• rainbow text CSS (1)
• rainbow text color html css (1)
• rainbow css text (1)
• rainbow colour text using css (1)
• rainbow color in css (1)
• rainbow color css (1)
• php rainbow text javascript (1)
• Javascript rainbow text (1)
• how to make the background color rainbow in html (1)
• how to make ranbow text in html and css (1)
• how to make rainbow html text (1)
• how to make marquee letters in html rainbow color (1)
• how to do rainbow color in css (1)
• how to do a rainbow color css (1)
• css rainbow text code (1)
• Rainbowtext c6 (1)