HTML 테이블의 테두리 선을 겹치고 싶습니다 (border-collapse)
border-collapse란?
테이블 셀에서 인접한 경계선을 겹쳐서 표시하려면 border-collapse 속성을 사용합니다. 이 프로퍼티는 디폴트가 아니기 때문에, 각각으로 설정할 필요가 있다.
이하의 값으로 지정한다.
collapse
인접한 보더 라인을 겹쳐서 표시.
separate(초기값)
인접한 경계선을 놓고 표시.
Example
적절하게 HTML 파일을 만들고 복사하고 열어 확인하십시오.
<!DOCTYPE html>
<html lang="ja">
<style>
table {
border-collapse: collapse;
}
th, td {
border: 1px solid #333;
}
</style>
<body>
<table>
<tr>
<th>果物</th> <th>味</th>
</tr>
<tr>
<td>いちご</td> <td>甘い</td>
</tr>
<tr>
<td>レモン</td> <td>酸っぱい</td>
</tr>
</table>
</body>
</html>
참고로 한 사이트
Reference
이 문제에 관하여(HTML 테이블의 테두리 선을 겹치고 싶습니다 (border-collapse)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/youichi_io/items/182e07054d349194fcc1텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
