1. 홈
  2. 질의 응답
  3. HTML 가로 탭을 만드는 우아한 방법은 무엇입니까?

HTML 가로 탭을 만드는 우아한 방법은 무엇입니까?

2011-09-23 4 views
0

HTML 웹 페이지를 만들 예정입니다. HTML을 만드는 가장 우아한 방법은 무엇입니까 가로형 탭 (탐색 모음)?HTML 가로 탭을 만드는 우아한 방법은 무엇입니까?

탭을 선택하고 선택하지 않은 탭의 색상이 다릅니다.

나는 CSS를 사용하여 스타일을 지정하고 jQuery를 사용하여 다른 탭에서 다른 내용을 표시하거나 숨겨야한다고 생각하십니까?

출처

2011-09-23 Leem.fin

답변

0

일반적인 가장 좋은 방법은 탭 및 메뉴 (탭 그룹의 컨테이너로 <ul>)에 대해 <li> 요소를 사용하고 적절하게 스타일을 지정하는 것입니다. 스타일링

중요한 비트는 : 그 안에

float:left; --or-- display:inline-block; 
list-style:none;

float:left; 및 display:inline-block; acheive 모두 동일한 효과는 목록 항목을 가로 행에 표시 될 수. 그들은 꽤 다른 방식으로 그것을 성취합니다. 이것은 스타일의 다른 측면에 영향을 미칠 수 있지만, 어느쪽에 더 익숙한 지에 따라 어느 쪽이든 사용할 수 있습니다. (단주의해야 할 점은 당신이있는 경우 inline-block 작동하지 않는, IE6를 지원해야하는 경우이지만, 이것에 대한 작업 차선책이 있습니다)

list-style:none;들이 정상적으로 될 것 글 머리 기호를 표시하지 않도록 목록 항목을 알려주는 주어진.

두 가지 스타일 외에도 사실상 원하는 CSS를 사용하여 원하는대로 정확하게 볼 수 있습니다. 일반적으로 탭에는 세면이 모서리가 있고 모서리가 둥글고 활성 탭이 강조 표시되어 있으며 마우스로 가리키면 CSS로 이러한 모든 효과를 얻을 수 있습니다.

This article이 모든 효과를 얻는 방법에 대해 설명합니다. 웹에는 다른 많은 훌륭한 자습서도 있습니다.

희망이 있습니다.

출처

2011-09-23 13:49:09 Spudley

관련 문제

 관련 문제