Question

我的标题颜色有问题。根本没有颜色。

我是html和css的新手所以我正在努力复制一个网站，通过做和遇到问题来了解更多信息。第一个问题，我希望你能提供帮助。

header {
  background-color: rgba(34, 34, 34, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  color: white;
  height: 120px;
}
.container {
  position: relative;
}
.container div {
  display: inline-block
}
}
.logo {
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 3.5px;
  font-size: 26px;
  margin-right: 90px;
  margin-top: -5px;
  vertical-align: middle;
  line-height: 25px;
}
.logo a {
  color: #ffd800;
}
.logo span {
  text-transform: uppercase;
  color: white;
  font-weight: 700;
  display: block;
  letter-spacing: 1px;
}
.baseline {
  line-height: 120px;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -1.5px
}
.phone {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 28px;
  line-height: 120px;
}
.phone a {
  color: #ffd800;
  font-weight: 900;
}

<header>
  <!--nav#menu.navbar.navbar-fixed-top-->
  <div class="container">
    <div class="logo"><a href="#">bureau<span>travaux</span></a>
    </div>
    <div class="baseline">Un interlocuteur unique pour tous vos travaux</div>
    <div class="phone"><a href="callto://0139239510">01 39 23 95 10</a>
      <a href="http://www.bureau-travaux.com/en/index.html" class="lang-button en"></a>
    </div>
  </div>
</header>

Answer 1

您想将颜色从灰色更改为其他颜色吗？

header {
   background-color: rgba(34, 34, 34, 0.5);
   ...
   ...
}

如果您在此处更改值，则可以：rgba(34, 34, 34, 0.5)。在这种情况下，对应于具有50％背景的深灰色。如果你改变它可以是任何颜色。

This tool可以帮助您获取所需颜色的代码。

请参阅vgGvag上Sean Rawles（@scoopzilla）的笔CodePen。

使用HTML和CSS为标题着色

1 个答案: