☰

HTML/CSSでテキストの透明度を変更するにはどうすればいいですか? 質問する

tag-icon • tag-icon html css opacity
HTML/CSSでテキストの透明度を変更するにはどうすればいいですか? 質問する

私はHTML/CSSの初心者で、テキストを50%透明に表示しようとしています。今のところ、テキストを完全に不透明に表示するHTMLがあります。

<html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>

しかし、不透明度を変更する方法がわかりません。オンラインで調べてみましたが、見つかったコードをどうすればよいのか正確にはわかりません。

ベストアンサー1

opacity要素全体に適用されるので、その要素に背景や境界線などの効果がある場合は、それらも透明になります。のみテキストを透明にしたい場合は、 を使用しますrgba。

#foo {
    color: #000; /* Fallback for older browsers */
    color: rgba(0, 0, 0, 0.5);

    font-size: 16pt;
    font-family: Arial, sans-serif;
}

また、 からは遠ざかってください<font>。そのための CSS が現在あります。

おすすめ記事