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