【CSS:link】테이블(Table)에서 셀(Cell) 전체에 링크 걸기

<table class="table table-bordered bg-white table-hover">
<thead>
<tr>
<th scope="col" class="check-col">
<input type="checkbox">
</th>
<th scope="col" class="notice-no">번호</th>
<th scope="col">제목</th>
<th scope="col" class="notice-no">조회수</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><input type="checkbox" name="chek[]"></th>
<th scope="row">1</th>
<td><a href="#" style="display:block;">Otto</a></td>
<td>@mdo</td>
</tr>
</tbody>
</table>

 

링크 태그 <a>〜</a>는 인라인 요소이기에, 직접 다른 요소를 결합하여 CSS를 적용시킬 수 없기 때문에

display:block;