유동적 라운드박스 롤오버 처리하기

<ul>

<li class="box1" onmouseover="this.className='box1on';" onmouseout="this.className='box1';">

<div class="mid">

<div class="btm">

<a href="#">치즈맛x2개</a>

</div>

</div>

</li>

</ul>

해당 클래스명이 바뀌었을때, CSS를 처리하여 유동적인 라운드 박스 처리를 할 수 있다.