border-bottomを使わず文字の下にマーカーを引いた様に見せる

■ はじめに

タイトルについて記事にしました。
この記事で得る内容は以下の通りです。

・ cssの基礎知識が増える
・ background,linear-gradientプロパティについて

■ メモ

isara

border-bottomでは文字と離れすぎてしまったり、positionを使いたくない時に使えます
20/11/21(土)追記：普通に線引くならtext-decoration: underline;

index.scss

span {
  font-weight: bold;
  background: linear-gradient(transparent 70%, #ebb94d 70%);
}

・ お役立ちリンク
→ CSSのグラデーション（linear-gradient）の使い方を総まとめ！