【html・cssコピペ】テキストを蛍光ペンで引いたようなラインマーカーで強調する方法【文字下線】

蛍光ペンマーカーのように文字を強調

実はhtmlのタグではラインマーカーはありません。

しかし、CSSで簡単に装飾できます。

ラインマーカーで文字を強調するサンプルコード

CSS

.marker-yellow {
background: linear-gradient(transparent 60%, #ffff33 60%);
}

クラスを「.marker-yellow」にしています。

クラスって何？という方は、こちらを使ってください。

html

<span style=”background: linear-gradient(transparent 60%, #ffff33 60%);”>文字文字文字</span>

強調したい文字をこちらのspanタグで囲うだけです。コピペしてください。

太字にしたい場合

<span style=”font-weight:bold;background: linear-gradient(transparent 60%, #ffff33 60%);”>文字文字文字</span>

こちらをコピペしてください。

色を変えたい場合

「#ffff33」の部分を別の色コードに変えてください。

色コードって何？という人は、こちらを見れば大丈夫です。
https://www.colordic.org/

今日の人気記事

• 48グループからAV女優になった元アイドルメンバーまとめ【AKB・SKE・HKT・NMB】
• 【2021年】YouTube動画ダウンロードサイト5選【保存方法】
• 世界のおもしろい言語！かっこいい・かわいい文字がたくさん
• アニメ・ゲーム・漫画のタイトル風ロゴジェネレーターまとめ！簡単ロゴ作成
• ニコニコ動画のサムネ画像をダウンロード保存する方法【大サイズURL取得】
• 【2021年最新版】ジャンプ打ち切り漫画一覧【隠れた名作＆最速ランキング】
• ドラマ･映画･テレビ番組タイトル風ロゴジェネレーター-無料でロゴ作成！
• シングル・ダブル・トリプルの次は？クワトロ？
• なぜ米津玄師はパクリと言われるのか？ 似ている曲やルーツを解説！【初期から2021年まで】
• 写真ACで【Oops! An unexpected error has occurred】とエラーが表示される原因・理由と対処方法