티스토리 뷰

웹프로그래밍/css

테이블 열(table tr row) 에 마우스 올림 효과(hover)

공허공자 2009. 3. 9. 18:17

Tested successfully on
Netscape 7.1+,Konqueror 3.0.5+, Mozilla 1.3.1 Opera 7.21, FireFox, Mozilla 1.3.1, Mozilla 1.7+

Failed on
Opera 6.0.2, IE 5.0, IE 5.5, and IE 6.0.28


<style type="text/css">
<!--
    tr.row:hover { background-color: lightyellow; }
-->
</style>

<table>
<tr class="row">
    <td>xxxxxxxxxxxxxxxx</td>
</tr>
</table>

'웹프로그래밍 > css' 카테고리의 다른 글

CSS Hack 없이 Cross-Browser 가능한 같은 높이의 열 레이아웃 구현  (0) 2009.03.26
CSS 관련 링크모음  (0) 2009.03.25
IE에서 li img float: left 들을 table-row 모양으로 clear:left 하는법 (IE Hack)  (0) 2008.09.16
Layout CSS (Grid & Column)  (0) 2008.09.11
CSS 만으로 구현하는 드롭다운 메뉴  (0) 2008.09.10
공유하기 링크
댓글