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