Blog

HOME > Web > css > 【CSS】テキストにマーカー（アンダーライン）を引く

【CSS】テキストにマーカー（アンダーライン）を引く

2017/07/24

css

備忘録です。

テキストにマーカー風の装飾をする方法です。

参考サイト
HTML（HTML5）/ CSSで下線を引く（デザインする）方法

HTML

<p>ホームページの順位を上げるために<span class="linear01">SEO対策が必要</span>です。</p>

CSS

.linear01 {
background:linear-gradient(transparent 70%, #FFFF00 0%);
}

サンプル

ホームページの順位を上げるためにSEO対策が必要です。

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ