CSSスタイルでの背景色変更

スポンサーリンク
CSSでの背景色
#FFFFCC#FFCCFF
#CCFF99#CCFFFF
#FFFF33#669900
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>CSSでの背景色</title>
<style>
p1 { 
font-size : 20px; 
background-color : #FFFFCC; }
p2 { 
font-size : 20px; 
background-color : #CCFF99; }
p3 { 
font-size : 20px; 
background-color : #FFCCFF; }
p4 { 
font-size : 20px; 
background-color : #CCFFFF; }
p5 { 
font-size : 20px; 
background-color : #FFFF33; }
p6 { 
font-size : 20px; 
background-color : #669900; }

</style>
</head>
<body>
<table width="175" border="">
  <tr><td width="82" headers="th_1"><p1>#FFFFCC</p1></td><td width="94" headers="th_2"><p3>#FFCCFF</p3></td></tr>
  <tr><td headers="th_1"><p2>#CCFF99</p2></td><td headers="th_2"><p4>#CCFFFF</p4></td></tr>
  <tr><td headers="th_1"><p5>#FFFF33</p5></td><td headers="th_2"><p6>#669900</p6></td></tr>
</table>

</body>
</html>