「スタイルシートの編集 その1」では基本となる部分のみを取り上げたので、「その2」はタイトル部分を。
====================
<BR>.title {<BR> font-size: 24px;<BR> font-weight: bolder;<BR> color: #000000;<BR> padding: 60px 0px 0px 20px;<BR>}
タイトル部分(ここでは「1日1枚アメショーの写真」)の文字の大きさ、太さ、色などを指定。
<BR>.title a:link {<BR> color: #000000;<BR> text-decoration: none;<BR>}
タイトル部分は基本的にリンクされているので、リンク色の指定。上と同じ色にしておけば問題ないでしょう。
<BR>.title a:visited {<BR> color: #000000;<BR>}
訪問済みのリンク色の指定。
<BR>.title a:hover,a:active{<BR> color: #cc0000;<BR> text-decoration: underline;<BR> background: none;<BR>}
タイトル部分にポインタをかざした時のリンク色の指定。
.subtitle {<BR> font-size: 12px;<BR> color:#000000;<BR> font-weight: bold;<BR> padding: 5px 0px 0px 20px;<BR>}
タイトル下のサブタイトルの文字の大きさ、色、太さの指定。
.richtextbox p {<BR> margin:0px;<BR>}
省略 (-_-;)
.frame {<BR> border-top: #000000 0px solid;<BR> border-right: #333333 1px solid;<BR> border-left: #333333 1px solid;<BR> background-color: #000000;<BR>}
タイトル部分や記事部分を囲む一番大きな枠の背景色と枠線の色を指定。
.head {<BR> background-color:#000000;<BR>}
タイトル部分の背景色の指定。ここの色とタイトル色を一緒に考えないとタイトルが見えなくなってしまいます(涙)
.head {<BR> background-color:#000000;<BR>background-image: url("../_img/head.jpg");<BR>height:120px;<BR>}
ここでは、上記のように追加すると、オリジナルの画像を背景に設定できます。
.foot {<BR>}
省略 (-_-;)
====================
というわけで、ここまででタイトル部分と大枠部分の色指定ができます。
−−−−−−−−−−−−−−−−−−
1日1枚アメショーの写真
アメリカンショートヘアーの「タム」と「クー」
−−−−−−−−−−−−−−−−−−