PR
TIPS

カスタムのアンダーラインを引く方法

カスタムのアンダーラインを引くには、background: linear-gradientを用いる方法があります。以下に具体的なCSSの記述例を示します。

.marker_new{
  background: linear-gradient(transparent 70%, #ffdcb8 0%);
  display: inline;
  /*横に余白をつけたり、下にずらしたりするときは以下のpaddingを調整してください*/
  padding: 0 2px 4px;
}
この記事を書いた人
Naokazu Yokoo

エンジニア歴20年以上。現在はWeb / AI領域で活動中。
開発環境・サーバー環境ともに速度と効率性を追求しています。

Follow Naokazu Yokoo
Follow Naokazu Yokoo

Comment

タイトルとURLをコピーしました