찾다

집  >  기사  >  웹 프론트엔드  >  Li list_javascript 기술에서 인터레이스 색상 변경 효과를 달성하는 JS CSS 방법

Li list_javascript 기술에서 인터레이스 색상 변경 효과를 달성하는 JS CSS 방법

WBOY
WBOY원래의
2016-05-16 16:13:50954검색

이 기사의 예에서는 Li 목록의 인터레이스 색상 변경 효과를 달성하기 위한 JS CSS의 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.



CSS Js는 Li 목록의 인터레이스 색상 변경 효과를 실현합니다

<스타일>
.mytable {border-collapse:collapse;border:solid #6AA70B;border-width:0px 0 0 0px;width:50%;}
.mytable ul li {padding-top:5px;text-indent:2em;list-style:none; background:url(/images/20110704/new_dot.gif) 3px 50% no-repeat;border-bottom:#6AA70B 1px 점선 ;font-family: "Verdana,宋体";font-size: 12px;color:#008000;text-align:left;height:25px;}
.mytable ul li.t1 {배경색:#EFFEDD;}
.mytable ul li.t2{배경색:#ffffff;}
.mytable ul li.t3 {배경색:#D2FCA0;}