📌  相关文章
📜  html 字体白色文本,黑色边框 - CSS (1)

📅  最后修改于: 2023-12-03 15:15:41.281000             🧑  作者: Mango

HTML 字体白色文本，黑色边框 - CSS

介绍

本文将介绍如何使用 CSS 来使 HTML 的文字显示白色，并且添加黑色边框。

实现方法

使用 CSS 的 color 属性来修改文字颜色为白色，使用 border 属性来添加黑色边框。

例如，以下是一个样式规则的例子：

p {
  color: white;
  border: 1px solid black;
}

在这个例子中，p 元素的文字颜色被修改为白色，边框被添加为 1 像素的实线黑边框。

示例代码
<!DOCTYPE html>
<html>
  <head>
    <title>HTML 字体白色文本，黑色边框 - CSS</title>
    <style>
      /* 使用 p 元素的样式规则来设置白色文字和黑色边框 */
      p {
        color: white;
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <p>Hello, world!</p>
  </body>
</html>

上述代码将生成一个包含一个白色文字、黑色边框的段落。

结论

在 HTML 中，通过使用 CSS 的 color 和 border 属性，可以很容易地实现文字白色，黑色边框的效果。