HTML에서 접힌 테두리를 만들려면 border-collapse CSS 속성을 사용하십시오. 이 속성은 다음 값을 가질 수 있습니다.
| 속성 값 | 설명 |
|---|---|
| 별도 | 테두리 분리됨 |
| 접기 | 이것은 테두리를 단일 테두리로 축소합니다. |
추가하는 방법은 다음과 같습니다.
예시
다음 코드를 실행하여 속성 축소로 축소된 테두리를 만들 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<style>
table {border-collapse: collapse; }
table, td, th { border: 1px solid blue; }
</style>
</head>
<body>
<h1>Technologies</h1>
<table>
<tr>
<th>IDE</th>
<th>Database</th>
</tr>
<tr>
<td>NetBeans IDE</td>
<td>MySQL</td>
</tr>
</table>
</body>
</html> 예시
다음 코드를 실행하여 속성이 분리된 접힌 테두리를 만들 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<style>
table { border-collapse: separate; }
table, td, th { border: 1px solid blue; }
</style>
</head>
<body>
<h1>Technologies</h1>
<table>
<tr>
<th>IDE</th>
<th>Database</th>
</tr>
<tr>
<td>NetBeans IDE</td>
<td>MySQL</td>
</tr>
</table>
</body>
</html>