How to write embedded CSS in HTML?

<HTML>
<HEAD>
	<TITLE>Using CSS in HTML</TITLE>

<style type="text/css">
H1{
color:green 
}
#variation 
{ 
background:yellow 
}
.altcolor {
background:yellow; 
color:blue; 
font-weight:bold
}
.lightblue 
{
background:lightblue; 
color=white; 
font-weight:bold
}
.blue 
{
background:blue; 
font-weight:bold
}

</STYLE>
</head>
<body>
<H1 >Regular Header H1</H2>
<H1 ID="variation">
This one has a different back color ...</H2>
<H1 >Regular Header H1</H2>
This text is a regular one with no style applied.
<DIV class=altcolor> This paragraph uses the class altcolor. 
The DIV element always inserts a line advance 
into the text.</div>You can insert many <span DIV elements to create <span class=altcolor>different</span> visual effects.
With it you can <span class=lightblue>highlight </span> just a word.
With it you can <span class=blue>highlight  just</span> a word.
</BODY>
</HTML>



Please follow and like us:
error

Leave a Comment

Your email address will not be published. Required fields are marked *

RSS
Follow by Email
Facebook
Twitter