[解決済み] HTML/CSSでテキストの透明度を変更するには？

2022-03-03 08:54:31

質問

私はHTML/CSSの初心者なのですが、あるテキストを50％透明で表示しようとしています。これまでのところ、私は完全な不透明度でテキストを表示するためのHTMLを持っている

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

しかし、その不透明度を変更する方法がよくわかりません。ネットで調べてみたのですが、見つけたコードをどうすればいいのかよくわかりません。

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があります。