HTML 테이블 둥글게 각 만들기
조회수 992회
티스토리 테이블 모서리를 둥글게 만들고 싶은데 border-radius를 사용하면 이렇게 보입니다.
내부에 박스가 보이는데 없애는 방법은 없는 걸까요? 또는 모서리를 둥글게 만드는 다른 방법이 있는 걸까요?
아니면 제가 코딩을 잘못 작성한 걸까요?
<table style="border-collapse: separate; border-radius: 5px; width: 100%; font-size: 14px;" border="1" data-ke-align="alignLeft">
<tbody>
<tr>
<td style="width: 100%;"> 분류: 분류</a></td>
</tr>
</tbody>
1 답변
-
<table style="border-collapse: separate; border-radius: 30px; width: 100%; font-size: 14px;" border="1" data-ke-align="alignLeft"> <tbody> <tr> <td style="width: 100%; border: transparent"> 분류: 분류</a></td> </tr> </tbody>
안쪽의
<td>
태그에 외곽선이 있네요. 투명하게 해봤습니다.모서리를 둥글게 만드는건
border-radius
가 맞습니다.
https://developer.mozilla.org/ko/docs/Web/CSS/border-radius
댓글 입력