mark要素の概要
テキストのハイライトHTML | ||
<mark>~</mark> |
||
目的 | 文章の中で目立たせたいテキストをマークする。単なるマークであって重要と言う意味では用いない。 | |
関連 | <em> <strong> | |
今食べたいと思っている食べ物はラーメンであって蕎麦ではありません。
|
||
今食べたいと思っている食べ物は<mark>ラーメン</mark>であって蕎麦ではありません。 |
属性
グローバル属性のみ
CSSデザイン
背景色を消し、ピンクのアンダーラインを引く
![](https://programming-cafe.com/wp-content/uploads/2021/01/SnapCrab_NoName_2021-1-7_11-42-34_No-00-e1609987483703-wpp1610158572126-160x90.png)
mark 背景色を消しアンダーラインを引く コピペで使えるHTML+CSS
mark要素のプロパティであるtext-decorationを修正してアンダーラインを引くようにし、蛍光マーカーを引いたようなデザインを実現します。ピンク、イエロー、ブルー、グリーンの蛍光マーカーを再現します。