1. まとめトップ

<strong>や<b>はもう古い?!強調文字をちょっとおしゃれにアレンジしよう!

【良いの見つけ次第更新します】簡単便利!HPがちょっとおしゃれになる、すぐ使えるCSSテンプレです。自分でも使うのでまとめました。

更新日: 2015年04月10日

6 お気に入り 1715 view
お気に入り追加

この記事は私がまとめました

WEB-KENさん

太文字+赤い下線

太文字+上下に点線

太文字+背景色

マーカで線(下半分)引いた感じ

CSSの記述
#test strong {
background: linear-gradient(transparent 50%, #F2D0DA 50%);
color: #333;
font-weight: bold;
padding: 0 3px;
}

文字の最初(一部分)だけを強調

<style type="text/css">
p:first-letter{font-size:200%;color:red;}
</style>

強調部分に影をつける

色、線の太さ等はお好みで変えてください(*'▽')

1