2009年6月16日火曜日

「ウェブライティング」(トップページのボックス欄)のXHTML+CSS

見出しに濃い色を、段落に同系の薄い色を設定して、一体感を出しました。

【XHTML】

<div id="webwriting">
<h2 class="columntitle">▼<a href="webwritingpg.html">ウェブ
ライティング</a>: <a href="emailpg.htm">電子メール編</a></h2>
<dl class="column2">
<dt>定義語 </dt>
<dd>定義の説明</dd>
</dl></div>

【CSS】
/* webwriting
------------------------------------------*/
h2.columntitle {
background: #006600;
color: #DFDFDF;
margin: 0px;
padding: 10px;
}

h2.columntitle a:link{
color: #ffffff;
}

h2.columntitle a:visited{
color: #ffffff;
}

h2.columntitle a:hover{
color: #ff6600;
}

h2.columntitle a:active{
color: #ff6600;
}

dl.column2 {
background: #AAFFAA;
margin: 0px;
padding: 10px;
}

p.column2 {
background-color:#99ff66;
margin:0px;
padding: 10px;
font-weight: normal;
}