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