<html>
<head>
<title>more styles</title>
<style type="text/css">
a.mode{text-decoration: none;}
a.hover{text-decoration: underline;color: red;background-color: #ccffcc;}
em{color: red;font-weight: bold;}
ul{margin-left: 75px;}
li{text-decoration: underline;margin-left: 15px;}
</style>
</head>
<body>
<h1>shopping list for<em>monday</em></h1>
<ul>
<li>milk</li>
<li>bread
<ul>
<li>white bread</li>
<li>rye bread</li>
<li>whole whete bread</li>
</ul>
</li>
<li>rice</li>
<li>potatoes</li>
<li>pizza<em>with mushrooms</em></li>
</ul>
<p><a class="mode"href="grow.html">goto the grocery store</a></p>
<p><a class="hover"href="grow.html">goto the grocery store</a></p>
</body>
</html>
No comments:
Post a Comment