我有一个标题div,我想在其中显示一种颜色。当我将颜色添加到整个背景时,标题颜色不再显示。
这是HTML:
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="shortcut icon" href="images/logo.png">
</head>
<body>
<div class='grid'>
<div class='header'>
<div class='col4head'>
<a><img src="images/logoname.png"></a>
</div>
<div class='col8head'>
<p>name<br/>title</p>
</div>
</div>
<hr/>
这是CSS:
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #e9ece5;
}
.grid {
column-count: 12;
}
.header {
width: 100%;
max-height: 70px;
display: flex;
overflow: auto;
background-color: #c0dfd9;
.header a img {
max-height: 70px;
position: fixed;
}
两件事情:
您在CSS的.header中缺少右花括号。
使用*选择器,您可以将页面上的每个元素作为目标,我建议您将背景色放在body元素上,例如:
body {
background-color: red;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句