如何在 HTML 文件中设置元素的背景颜色?

新手上路,请多包涵

是否可以在没有 CSS 文件的情况下设置元素的背景颜色?只使用 HTML 文件?

在本例中,我有一个要设置样式的 div。但我可能想在未来设计其他元素的样式。

 body {
    background-color: #6B6B6B;
    margin: 50px;

    font-family: Arial;
    color: white;
    font-size: 14px;
    font-weight: 100;
    line-height: .2;
    letter-spacing: 1px;
}
 <div style="height:100px;" style="background-color:red;">text</div>

原文由 Yummi 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 267
2 个回答

您在单个 div 元素上使用 了两个样式属性,这是无效的:

 <div style="height:100px;" style="background-color:red;">text</div>

相反,使用(如果使用不同的 CSS 样式,将它们分开 ; 如下所示)

 <div style="height:100px;background:red;">text</div>

可以 在 HTML 中使用内联 CSS,或使用 bgColor 属性。

You can use the bgColor attribute, like bgColor="#6B6B6B" , in the body element to change the background-color of <body> .

HTML bgcolor 属性用于设置 HTML 元素的 背景 颜色。 Bgcolor 是随着 层叠样式表 的实现而被 弃用 的属性之一。

它支持像这样的标签

<body> , <marquee> , <table> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr>

使用 bgColor 的演示

 <body bgColor="#6B6B6B">
  <div style="height:100px;background:red;">text</div>
</body>

不使用 bgColor 的演示

 <body style="background:#6B6B6B">
  <div style="height:100px;background:red;">text</div>
</body>

笔记:

您可以使用 CSS 中的 backgroundbackground-color 属性添加背景颜色

原文由 Rayees AC 发布,翻译遵循 CC BY-SA 4.0 许可协议

工作代码

 body {
    background-color: #6B6B6B;
    margin: 50px;

    font-family: Arial;
    color: white;
    font-size: 14px;
    font-weight: 100;
    line-height: .2;
    letter-spacing: 1px;
}
 <div style="height:100px;background-color:red">text</div>

您的语法因内联样式而损坏。您指定了两次样式。

原文由 wak786 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题