내비게이션 막대에 글꼴과 투명도를 통합하려면 어떻게해야합니까?

-1

프로젝트를 위해 처음부터 웹 페이지를 작성해야하며 HTML에 대해서는 전혀 알지 못합니다. 방금 내 탐색 바를 만들기 시작했습니다. 글꼴을 센츄리 고딕으로 어떻게 바꿀 수 있습니까? 백그라운드에 투명도를 추가하는 방법 "홈"페이지를 홈 페이지로 연결하는 로고로 어떻게 바꿀 수 있는지 알려 주시면 정말 도움이 될 것입니다. 도움이되는 사람에게 미리 감사드립니다 !!!내비게이션 막대에 글꼴과 투명도를 통합하려면 어떻게해야합니까?

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

세기 고딕 양식의 사용 글꼴을 변경하려면 : 마지막으로

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

만들기 :

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

홈 버튼을 사용할 수있는 이미지를 확인하기 위해 지금까지이있다 배경 투명 사용 rgba (그것은 알파를 지원합니다) :

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

Here is an example, 나는 코드를 정리하지는 않았지만 이것은 당신에게 머리를 찰 수 있습니다.

출처

2016-10-05 02:42:46 Zulc

내비게이션 막대에 글꼴과 투명도를 통합하려면 어떻게해야합니까?

답변

관련 문제