如何更改HTML / CSS中的文本透明度？

一尘不染

html

我是HTML / CSS的新手，我试图将某些文本显示为50％透明。到目前为止，我已经有了HTML来显示完全不透明的文本

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

但是，我不确定如何更改其不透明度。我尝试过在线查找，但是我不确定该如何处理找到的代码。

阅读 616

2020-05-10

共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。

2020-05-10