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