2016-10-05 11 views
-1

私はプロジェクトのために最初からウェブページを作成しなければならず、HTMLについては全く知りません。私はナビゲーションバーを作成し始めました。フォントをcenthuryゴシックに変更するにはどうすればよいですか?バックグラウンドに透明度を追加するにはどうすればいいですか? 「ホーム」ページをホームページにリンクするロゴに変更する方法を教えていただけたら、本当に役に立ちます。助けてくださった方々、本当にありがとうございます!!!作るためにナビゲーションバーにフォントと透明度を組み込むにはどうすればよいですか?

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

最後に:ホームボタンを使用することができ、画像を作るために

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

:世紀のゴシック使用するフォントを変更するには

<!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> 
+0

フォントファミリ、フォント用。透明色はrgbaを使用します。 rgba(255,255,255,0.5)は白50%可視です。 – pol

答えて

0

:これまでのところ私はこれを持っています背景透過はrgba(アルファをサポートしています):

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

Here is an example、私はあなたのコードを整理していないが、これはあなたの頭のスタートを与えることができます。

関連する問題