时间戳

首页 > 解决方案 > 如何去除div css中的黑色背景

html - 如何去除div css中的黑色背景

问题描述

我是 web 开发的新手，我的代码有一个小问题，我想删除 - div - 中“logo”这个词周围的黑色背景

HTML

<!DOCTYPE html>
<html>


<head>
<title>NoThing</title>
<link rel="stylesheet" href="Testcss.css">
</head>


<body>
<header class="myheader">
   <div><h1>Logo</h1></div>
</header>
</body>

CSS

       * {
    padding:0;
    margin:0;
    font-family: sans-serif;
    background-color: black;
}
.myheader {
    background-color: white;
    width: 100%;
    padding: 10px 0 0 0 ;
    display: flex;
    transition: 0.6s;
}
h1 {
    background-color: transparent;
    color: white;
    overflow: hidden;
}

谢谢

标签： htmlcss

解决方案

这里的问题是这行代码

  * {
    **background-color: black;**
}

当您编写 css 代码时， * 表示您将应用您在那里编写的属性并且您无法更改它们（据我所知），实际上如果您想应用，这样做是一种不好的做法所有项目的样式，如果您希望所有项目默认具有黑色，您可以使用另一个标签，例如..

html{
background-color: black;
}

它与 * 相同，但现在如果您想更改特定 div 的颜色，它会起作用！

顺便说一句，我祝你在编码之旅中一切顺利，这是一个了不起的世界，希望你能学到很多东西！

推荐阅读