背景色を付ける＆見直し 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>見直し編</title>
<style type="text/css">
body {
	background-color:#000;
}
h1 {
	font-size: 2.2em;
	color: #f3d5a6;
}
h2 {
	font-size: 1.2em;
	color: #2947f3;
	padding-left: 10px;
}
p {
	font-size: 0.85em;
	line-height: 2.0;
	padding: 10px;
	color: #f4498a;
}
ul{
    list-style-type: none;
}
li a{
    font-size: 1.6em
	font-weight:bold;
}
li a:link{
    color:coral;
}
li a:visted{
    color:turqoise;
}
li a:hover{
    color:lawngreen;
}
li a:active{
    color:skyblue
}
</style>
</head>
<body>
<div id="shopping">
<h1>見出し</h1>
<p>内容</p>
<h2>見出し２</h2>
<p>内容</p>
<ul>
<li><a href="#">LINK-link-color></a></li>
<li><a href="#">LINK-visted-color></a></li>
<li><a href="#">LINK-hover-color></a></li>
<li><a href="#">LINK-activ-color></a></li>
</ul>
</div>
</body>
</html>