logo标签列表

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

htmlcss
5

能否在没有 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>

你可以使用内联样式，但我不知道为什么你想这样做。 - Great Scott
3个回答
3
您正在单个
元素上使用两个style属性，这是无效的：
<div style="height:100px;" style="background-color:red;">text</div>

相反，使用以下方式（如果使用不同的CSS样式，请将它们用;分隔开）

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

你可以在HTML中使用行内CSS，也可以使用bgColor属性。

你可以在body元素中使用bgColor="#6B6B6B"这样的bgColor属性来改变<body>的背景颜色。

HTML中的bgcolor属性用于设置HTML元素的背景颜色。随着层叠样式表（CSS）的实现，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中的background和background-color属性来添加背景颜色。

1

工作代码

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>

您的内联样式语法有误。您重复指定了样式两次。
1
请添加以下CSS样式：
body {
    background-color: #6B6B6B;
    margin: 50px;
    font-family: Arial;
    color: white;
    font-size: 14px;
    font-weight: 100;
    line-height: .2;
    letter-spacing: 1px;
}
.mydiv {
    background:red;
    padding:5px;
    color:white;
}

在HTML中
<div class="mydiv">text</div>
@Yummi 如果你想只用HTML实现这个效果，可以试试这个代码：<div style="background:red;padding:5px;color:white;text-align:center;">text</div> - Beginner
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接