CSS 테이블 내 a 태그 100% 크기 적용

개요

CSS 테이블 내 a 태그 100% 크기 적용

html

Copy

<style>
table { width: 100%; }
td { background: silver; }
a {
  width: 100%; 
  text-align: center;
  display: table;
}
a:hover { background: yellow; }
</style>

<table>
  <tr>
    <td><a href='#'>Link 1</a></td>
    <td><a href='#'>Link 2</a></td>
  </tr>
  <tr>
    <td><a href='#'>Link 3</a></td>
    <td><a href='#'>Link 4</a></td>
  </tr>
</table>