Chapter 6 목록의 스타일 & 탐색 모음

3023 단어
기본 목록 스타일
1. 목록의 속성 수정





test



  • Baidu
  • Google

  • 2. 링크의 속성 수정





    test



  • Baidu
  • Luowang
  • 이상의 코드에 문제가 있습니다. 두 링크에서 위 요소의bottom선은 아래 요소의 top선과 겹치는데 어떻게 해결합니까?
  • border-top 속성만 설정하고 마지막 요소에 단독 id를 추가하여border-bottom
  • 을 설정합니다.
  • 일부 브라우저는last-child 위조 클래스 지원
  • 수평 디스플레이 목록
    속성 추가
  • float
     ul li{
    float: left;
    }
    배경 그림
    이미지 설정 가능,repeat-y 슬라이딩 문 기술,top 두 개의 원각,bottom 방각 설정
    드롭다운 메뉴
    JS를 사용할 수 있습니다. 여기는 순수한 CSS 기술을 사용합니다. Patrick Griffiths의 Suckerfish 메뉴 원리입니다. 하위 네비게이션 표시줄은 무질서한 목록에 끼워져 있고, 목록은 화면 밖으로 위치하고, 마우스가 부모 목록에 걸려 있을 때 다시 위치합니다.

    `



    test
  • Baidu
  • 왕이
  • Luowang
  • `
    이미지 매핑
    대상: 그림의 어느 부분을 마우스로 클릭하면 바로 점프 가능

    좋은 웹페이지 즐겨찾기