li 의 간단 한 응용

작가:서 는 매일 CSS 를 쓰 지만,오리지널 글 이 왔 습 니 다. 의 간단 한 애플 리 케 이 션~~나중에 천천히 추가 하 겠 습 니 다.이것 은 일반적인 LI li 의 간단 한 응용
      
  • 테스트 목록 의
  •   
  • 테스트 목록 의
  •   
  • 테스트 목록 의
  •   
  • 테스트 목록 의
   알림:일부 코드 를 수정 하고 실행 할 수 있 습 니 다.CSS 스타일 정 의 를 추가 하면 이렇게 할 수 있 습 니 다.  참조:  *{margin:0;padding:0;} 습관 적 으로 모든 요소 의 내 패 치 외 패 치 를 0 으로 정의 하면 단위 가 없 을 수 있 습 니 다~이론 적 으로 는 단위 가 필요 합 니 다~0 px 에 불과 합 니 다. 0pt 0em 모두 그래서~게으르다 ul li 예. 선택 문자 정의 ID 포함 test 안에 있 는 l 의 li margin:~기본 적 인 모든 브 라 우 저 분석 은 같 습 니 다~여기 있 는 모든 것 을 두 가지 로 써 야 하 는 이 유 는~li 안에 제 가 border 를 사용 하기 때 문 입 니 다.IE5.x 의 border 에 대한 분석 은 다른 브 라 우 저 와 다 릅 니 다 margin/*/: 그렇다면~IE5.x 는 모 릅 니 다~물론 다른 표기 법 도 있 습 니 다:voice-family :   "\"}\"";voice-family :inherit;참고 할 만하 다http://bbs.51js.com/viewthread.php?tid=50475&fpage=1   li 의 간단 한 응용 *{margin:0;padding:0;} #test { width:300px; margin:5px; } #test ul li { margin:3px;/* for IE5.x*/ margin/*\*/:1px; list-style-type:none; font:normal  normal normal ಌpx/2em  helvetica,Arial, verdana; border:1px #004080 solid; background: #fefefe url('http://bbs.51js.com/images/smilies/icon1.gif')  no-repeat left center; padding-left:20px; }
      
  • 테스트 목록 의
  •   
  • 테스트 목록 의
  •   
  • 테스트 목록 의
  •   
  • 테스트 목록 의
   알림:일부 코드 를 수정 하고 실행 한 다음 날짜 와 같은 내용 을 추가 할 수 있 습 니 다.  참조:  span 정의 float:right 그 는 뒤 를 따 를 것 이다.  li 의 간단 한 응용 *{margin:0;padding:0;} #test { width:300px; margin:5px; } #test ul li { margin:3px;/* for IE5.x*/ margin/*\*/:1px; list-style-type:none; font:normal  normal normal ಌpx/2em  helvetica,Arial, verdana; border:1px #004080 solid; background: #fefefe url('http://bbs.51js.com/images/smilies/icon1.gif')  no-repeat left center; padding-left:20px; } #test ul li span { margin:0px 5px; float:right; }
      
  • 12-11테스트 목록 의
  •   
  • 12-11테스트 목록 의
  •   
  • 12-11테스트 목록 의
  •   
  • 12-11테스트 목록 의
   알림:일부 코드 를 수정 하고 실행 한 다음 에 더 많은 내용 을 추가 할 수 있 습 니 다 li 의 간단 한 응용 *{margin:0;padding:0;} #test { width:300px; margin:5px; } #test ul li { margin:3px;/* for IE5.x*/ margin/*\*/:1px; list-style-type:none; font:normal  normal normal ಌpx/1em  helvetica,Arial, verdana; border:1px #004080 solid; } #test ul li h4 { font:normal  normal normal ಌpx/2em  helvetica,Arial, verdana; padding-left:20px; background: #fefefe url('http://bbs.51js.com/images/smilies/icon1.gif')  no-repeat left center; } #test ul li p { padding:2px; } #test ul li span { margin:0px 5px; float:right; }
      
  • 12-11테스트 목록 의

    테스트 목록 의 테스트 목록 의 테스트 목록 의

  •   
  • 12-11테스트 목록 의

    테스트 목록 의 테스트 목록 의

  •   
  • 12-11테스트 목록 의

    테스트 목록 의 테스트 목록 의

  •   
  • 12-11테스트 목록 의

    테스트 목록 의 테스트 목록 의

좋은 웹페이지 즐겨찾기