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