자 바스 크 립 트 를 사용 하지 않 고 번호 가 있 는 표 의 줄 바 꿈 효 과 를 실현 합 니 다.

핵심 코드

<style> 
.test{ 
border:1px solid #000; 
color:#333; 
font:12px; 
} 
.test ol li{ 
padding-left:5px; 
background-color:expression(this.sourceIndex%2? '#efefef':'#fefefe'); 
} 
</style> 

<div class="test"> 
<ol> 
<li>     </li> 
<li>         </li> 
<li>      </li> 
<li>     </li> 
<li>   </li> 
<li>    </li> 
<li>    </li> 
<li>    </li> 
<li>    </li> 
<li>    </li> 
<li>    </li> 
<li>   </li> 
<li>     </li> 
<li>    </li> 
<li>    </li> 
<li>    </li> 
<li>      </li> 
<li>     </li> 
</ol> 
</div> 

좋은 웹페이지 즐겨찾기