<html>
<head>
<meta http-equiv="Content-Style-
<title>HTML示例</title>
<style type="text/css">
.myspan1 { color: #FFFFFF; background-color: #800000; }
.myspan2 { color: #000000; background-color: #CCFFCC; }
.myspan3 { color: #FFFFFF; background-color: #000080; }
.myspan4 { color: #000000; background-color: #FFCCCC; }
.mydiv1 { color: #FFFFFF; background-color: #008000; }
.mydiv2 { color: #000000; background-color: #CCCCFF; }
.mydiv3 { color: #FFFFFF; background-color: #000000; }
.mydiv4 { color: #000000; background-color: #FFFFAA; }
</style>
</head>
<body>
<h2>生命必须元素</h2>
<span class="myspan1">水</span>
<span class="myspan2">维生素</span>
<span class="myspan3">蛋白质</span>
<span class="myspan4">矿物质</span>
<hr>
<div class="mydiv1">水</div>
<div class="mydiv2">维生素</div>
<div class="mydiv3">蛋白质</div>
<div class="mydiv4">矿物质</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Style-
<title>HTML示例</title>
<style type="text/css">
.myspan1 { color: #FFFFFF; background-color: #800000; }
.myspan2 { color: #000000; background-color: #CCFFCC; }
.myspan3 { color: #FFFFFF; background-color: #000080; }
.myspan4 { color: #000000; background-color: #FFCCCC; }
.mydiv1 { color: #FFFFFF; background-color: #008000; }
.mydiv2 { color: #000000; background-color: #CCCCFF; }
.mydiv3 { color: #FFFFFF; background-color: #000000; }
.mydiv4 { color: #000000; background-color: #FFFFAA; }
</style>
</head>
<body>
<h2>生命必须元素</h2>
<span class="myspan1">水</span>
<span class="myspan2">维生素</span>
<span class="myspan3">蛋白质</span>
<span class="myspan4">矿物质</span>
<hr>
<div class="mydiv1">水</div>
<div class="mydiv2">维生素</div>
<div class="mydiv3">蛋白质</div>
<div class="mydiv4">矿物质</div>
</body>
</html>