スタイルシートで見出しをデザインする
8.スタイルシートで作る見出しへようこそ
8.のCSSとhtml
sample css ↓
.title8 {
border: 1px solid #aa0000;
text-align: left;
color: #000;
background-color: #fff;
font-size: 14px;
padding: 4px 4px 4px 5px;
width: 400px;
}
.title8 span.s8 {display:block; border-left: solid 8px #aa0000; padding-left:10px;}
h1タグにクラス指定 ↓
<h1 class="title8"><span class="s8">ここへ文字</span></h1>
<p>タグで記述する場合、スタイルシートに font-weight: bold; を追加すると太字になります。
<p>タグにクラス指定 ↓
<p class="title8"><span class="s8">ここへ文字</span></p>
