8. 記事タイトルを装飾する

記事タイトルに装飾を施します

/* Articles */
・
・
.articles-title {
margin: 0 0 20px 0;
font-size: 130%;
}

↓

/* Articles */
・
・
.articles-title {
margin: 0 0 20px 0;
padding:2px 0 2px 8px;
font-size: 130%;
background: #ffffff;
border-left:#FF8C00 5px solid;
border-bottom:#FF8C00 1px solid;
}

borderをオレンジの線でタイトル左と下に追加
paddingを追加して余白の調整をしました。

backgroundも追加したので背景の色の変更や画像を入れることも出来ますが、今回はシンプルに。

↓

タグ：タイトル