css inline styling code example

Example 1: add stylesheet html

<link rel="stylesheet" type="text/css" href="style.css">

Example 2: external css

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css"></link>
  </head>

  <body>

Example 3: external style sheet

<link rel="stylesheet" type="text/css" href="mystyle.css">

Example 4: css how to style a

/*a normal, unvisited link*/
a:link{
	color: green;
}
/*a link the user has visited*/
a:visited{
	color: purple;
}
/*a link when the user mouses over it*/
a:hover{
	color: yellow;
}
/*a link the moment it is clicked*/
a:active{
	color: brown;
}

Example 5: how to style in html file

<p style="text-align: center; color: pink;">Hello World</p>

Example 6: internal css

<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Tags:

Html Example

Recent Posts