如何在导航栏中添加字体和透明度？

-1

我必须从头开始为一个项目做一个网页，而且我对HTML一无所知。我刚开始创建我的导航栏。如何将字体更改为centhury哥特式？以及如何为背景添加透明度。如果您可以告诉我如何将“主页”页面更改为将您链接到主页的徽标，这也会非常有帮助。提前非常感谢任何人的帮助！到目前为止，我有这样的：如何在导航栏中添加字体和透明度？

<!DOCTYPE html> 
<html> 
    <head> 
    <style> 
     ul { 
      list-style-type: none; 
      margin: 0; 
      padding: 0; 
      overflow: hidden; 
      border: 1px solid #e7e7e7; 
      background-color: grey; 
     } 
     li { 
      float: left; 
     } 
     li a { 
      display: block; 
      color: white; 
      text-align: center; 
      padding: 34px 85px; 
      text-decoration: none; 
     } 
     li a:hover:not(.active) { 
      background-color: #grey; 
     } 
     li a.active { 
      color: white; 
      background-color: #4CAF50; 
     } 
    </style> 
    </head> 
    <body> 
    <ul> 
     <li><a class="active" href="#home">Home</a></li> 
     <li><a href="#Social">Social</a></li> 
     <li><a href="#Comercial">Comercial</a></li> 
     <li><a href="#Sobre el fotógrafo">Sobre el fotógrafo</a></li> 
     <li><a href="#Contacto">Contacto</a></li> 
    </ul> 
    </body> 
</html>

来源

2016-10-05 Montse Muñoz

font-family，用于字体。透明的颜色使用rgba。 rgba（255,255,255,0.5）白色50％可见。 – pol

要更改字体世纪的哥特式使用：

font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;

使home键，你可以使用图像：

<img src="Image.png" height="" width="">

最后使背景透明使用rgba（它支持alpha）：

background-color: rgba(119, 119, 119, 0.5);

Here is an example，我还没有整理你的代码，但这可能会给你一个良好的开端。

来源

2016-10-05 02:42:46 Zulc

如何在导航栏中添加字体和透明度？

回答

相关问题