<pre> 标签中的颜色属性

Question

我可以更改Pre 标签的颜色属性吗？我的主要 objective 是在 HTML 中使用 Pre 标签在黑色背景上写白色文本。所以我将 bg-color 设置为黑色，但是现在当我尝试使用 Pre 标签写东西时，文本的颜色也变成黑色，我什么也看不见。您能否为我提供一个解决方案，以便我无需更改 Pre 标签和 bg-color 即可获得所需的输出。我尝试使用 MS Word，但没有用。它不允许我使用适当的文件扩展名保存文档。

Answer 1

您可以使用 CSS 设置前置标签的样式。这会将字体颜色更改为白色。

pre {
    color: white;
}

完整示例:

CSS

pre {
     color: white;
}
      
body {
     background-color: black;
}

HTML

<html>
    <body>
          Test1
           <pre>Pre</pre>
          Test2
    </body>
</html>

<pre> 标签中的颜色属性

Color Attribute in <pre> tag

html

text

colors

pre