Blog
ブログ

2022.10.20

テキストを選択したときに色を変える

コーディングしていると余計なことをしたくなっちゃうのがコーダーの性。(私だけ?)

シンプルなWEBサイトの場合、写真も少ないと味気無さすぎるので、テキストを選択したときに色を変えるCSSを追加するコードを覚え書きしておきます。

CSSはいたって簡単。

テキストを選択したときに色を変える

p::selection {
background-color: #e9ff00;/*色はご自由に。これは蛍光の黄色です*/
}

あとはこちらもかなり使うコードなので書いておきます。

テキストにアンダーラインを引く


.underline{
background:linear-gradient(transparent 70%, #FFFF00 0%);/*色はご自由に。これは黄色マーカーです*/
}

テキスト関連のCSS覚え書きは随時追加していきます^^

これからAdobeを学びたい方、もっとAdobeを極めたい方必見!!

AdobeCCのアカデミック版ライセンス1年分とオンライン講座がついて39,980円(税込)
Adobeの操作を学びながらお得にAdobe Creative Cloudを活用しましょう。

Adobe Creative Cloud 1年版付きAdobeベーシック講座 Adobeが超お得に使用できます