在html文件中设置背景颜色为什么显示不出来
<!DOCTYPE html>
<html ng-app="testApp">
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/app.css" />
<script src="bower_components/angular/angular.js" ></script>
<script src="code/testApp.js" ></script>
<style>
</style>
</head>
<body>
<div>
<div id="first" class="col-md-2" bgcolor="red">
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#">年份</a></li>
<li><a href="#">用户</a></li>
</ul>
<hr />
<form class="form-search">
<fieldset>
<legend>搜索</legend>
<input type="text" class="input-medium search-query">
<button type="submit" class="btn">Search</button>
</fieldset>
</form>
</div>
<div id="second" class="col-md-8">
<table class="table table-striped">
<thead>
<tr>
<td>年月</td>
<td>用户</td>
<td>期刊</td>
<td>数量</td>
</tr>
</thead>
</table>
</div>
</div>
</body>
</html>
此外，还自己定了两个类：
#first{
position:fixed;
left:5px;
top:50px;
}
#second{
position:absolute;
left:300px;
top:10px;
}
这两个类我是为了设置左侧导航条浮动样式才定义的，不知道对颜色设置有没有影响。 展开
首先确定要使用的背景颜色，HTML颜色由每个代码决定。在计算机的Web浏览器中访问http://www.php.cn/html/html-colornames.html，就能查看所有颜色的代码，并且在“HEX”部分中选择要使用的基色。
使用Notepad++或Notepad打开HTML文件，并且把页面的所有样式信息（包括背景颜色）添加进来。将“background-color”属性添加到“body”元素。background-color要在body括号之间输入，如下：
<bodybgcolor="red">背景红色
或者
body{
background-color：red
}
扩展资料
可以使用“background-color”来定义其他元素的背景，例如标题，段落等。例如，要将背景颜色应用于主标题（<h1>）或段落（<p>）。制作渐变时，需要两条信息起点和角度，以及渐变之间过渡的颜色。可以选择多种颜色以使渐变在所有颜色之间移动，并且可以设置渐变的方向或角度。
属性：背景：线性梯度（方向/角度，颜色1，颜色2，颜色3，等）;
制作垂直渐变的时候，如果未指定方向，则渐变将从上到下要创建渐变，要在<style></style>标记之间添加以下代码：
html{
min-height：100％;
}
body{
background：-webkit-linear-gradient（left，＃93B874，＃C9DCB9）;
background：-o-linear-gradient（right，＃93B874，＃C9DCB9）;
background：-moz-linear-gradient（right，＃93B874，＃C9DCB9）;
真是太感谢你了，背景颜色出来了。可是为什么只有这么一小块呢，我想整个左侧都覆盖背景颜色。
你的背景颜色范围取决于你div的大小啊，所以看你的图应该是没有设置高度，设置一个高度就好了
<div id="first" class="col-md-2" bgcolor="red">
这个地方应该这样写
<div id="first" class="col-md-2" style="background-color:red">
|
广告 您可能关注的内容 |
