[예제첨부][css] table-collapse 적용시 border 한쪽이 안나와요.
-
게시물 수정 , 삭제는 로그인 필요
http://jsfiddle.net/cdtbq7hn/
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<style>
table {border-collapse:collapse;width:100%;}
table td {border:1px solid #ccc; padding:10px; width:25%; box-sizing:border-box; }
table td:hover { border:1px solid #000; }
</style>
이경우.. 1위에 마우스 오버하면 border가 #000으로 제대로 나오는데요
2,3,4위에 마우스 오버하면 맨 왼쪽은 border가 적용되지 않아요
이럴때는 방법이 없는건가요?
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<style>
table {border-collapse:collapse;width:100%;}
table td {border:1px solid #ccc; padding:10px; width:25%; box-sizing:border-box; }
table td:hover { border:1px solid #000; }
</style>
이경우.. 1위에 마우스 오버하면 border가 #000으로 제대로 나오는데요
2,3,4위에 마우스 오버하면 맨 왼쪽은 border가 적용되지 않아요
이럴때는 방법이 없는건가요?