Question

我有以下CSS代码。由于某种原因，背景颜色不起作用。有人可以帮忙吗？

<!DOCTYPE HTML>
<!--Inform the Browser that the document is HTML-->
<html  lang="en-US">



<head>
<meta charset="UTF-8">

<head>

<style type="text/css">


.leftpane{

width: 20%;
height: 80%;
border-color: brown;
border-width: .25em;
border-style: double;
float: left;
margin-right: 1em
background-color: orange;

}



</style>
<title>Trying CSS </title>
</head>


<body>

<div class="leftpane">
hi hi hi
<br/>
</div>


</body>

</html>

Answer 1

您忘记在之前的规则之后加分号：

margin-right: 1em /* <------ ooops! */
background-color: orange;

缺少;会使解析器忽略后面的所有内容，因此永远不会考虑background-color: orange;。

Answer 2

在背景颜色之前缺少分号，请更正它，分号给

margin-right: 1em;

Answer 3

尝试使用正确的 CSS 语法....

.leftpane {
  width: 20%;
  height: 80%;
  border-color: brown;
  border-width: .25em;
  border-style: double;
  float: left;
  margin-right: 1em;
  background-color: orange;
}

<div class="leftpane">
  hi hi hi
  <br/>
</div>

背景颜色在类中不起作用

3 个答案: