버튼 클릭 가능한 영역

Question

button.Could의 정확한 모양 버튼의 클릭 가능한 영역을 적용 할 무엇 CSS 스타일 당신은 당신이 다소 오래된 기술을 사용해야 당신이 HTML을 사용하는 경우 나에게

Answer 1

을 알려주세요 - Image maps을 - 정사각형 모양이 아닌 클릭 가능한 영역을 얻으려면 Flash를 사용하는 경우 더 많은 옵션이 있습니다. 이 회신은 HTML/XHTML 버전 4까지 다룹니다.이 문제를 해결할 수있는 방법이 더 많은 HTML 5에 대한 사양을 읽지 않았습니다 (아마도 Javascript와 함께).

Answer 2

메뉴에서 링크의 스타일을 지정하려면 정렬되지 않은 목록을 사용합니다. 전체 목록 항목을 클릭 할 수있게하려면 display : block을 사용해야합니다. 아래 예제 CSS와 html을 포함 시켰습니다. 내 스타일에

:

#menu { 
width: 800px; 
height: 40px; 
} 

#menu ul { 
list-style-type: none; 
margin:0; 
padding:0; 
} 

#menu li { 
display: inline; 
margin-right: 10px; 
float: left; 
background-color: #FC0; 
} 

#menu a { 
text-decoration: none; 
font-size: 1.2em; 
color: #006; 
display:block; 
padding: 5px 10px 5px 10px; 
} 

#menu a:hover, 
#menu a:active { 
color: #009; 
background-color: #F90; 
} 

내 HTML로는 :

<div id="menu"> 
    <ul> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">Blog</a></li> 
     <li><a href="#">Articles</a></li> 
    </ul> 
</div> 

이것은 당신에게 가져가에 오렌지로 변경됩니다 세 개의 노란색 상자/버튼의 수평 메뉴를 제공 할 것입니다. a는 블록으로 표시되므로 마우스를 가져 가면 텍스트 위에 표시되는 것이 아니라 노란색 상자 안의 아무 곳이나 가리킬 때 호버 효과가 적용됩니다.

희망 사항 : o)