CSS로 작업하는 테이블 스타일 지정
- PHPz앞으로
- 2023-08-19 14:29:04844검색
CSS를 사용하여 테이블 스타일을 정의할 수 있습니다. 다음 속성은 f5d188ed2c074f8b944552db028f98a1 및 해당 요소의 스타일을 정의하는 데 사용됩니다.
-
border
CSS의 테두리 속성은 테두리 너비, 테두리 스타일 및 테두리 색상을 정의하는 데 사용됩니다.
-
border-collapse
이 속성은 f5d188ed2c074f8b944552db028f98a1 요소가 공유 또는 독립 테두리를 가져야 하는지 여부를 지정하는 데 사용됩니다.
-
caption
caption-side 속성은 표 제목 상자를 수직으로 배치하는 데 사용됩니다.
-
empty-cells
이 속성은 테이블의 빈 셀이 표시되는 방식을 지정하는 데 사용됩니다.
- table-layout은 테이블의 행, 열, 셀을 배치할 때 브라우저에서 사용하는 알고리즘을 정의하는 데 사용됩니다. 이는 다음과 같은 출력을 제공합니다. −
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: 'Bookman Old Style', serif;
}
th {
letter-spacing: 1.9px;
}
#one {
border-right: thick solid blue;
}
td {
text-align: center;
}
</style>
</head>
<body>
<h2>Employee List</h2>
<div>
<table>
<tr>
<th id="one">Employee</th>
<th>Department</th>
</tr>
<tr>
<td>John </td>
<td>Marketing</td>
</tr>
<tr>
<td>Brad</td>
<td>Finance</td>
</tr>
<tr>
<td>Tim </td>
<td>IT</td>
</tr>
<tr>
<td>Steve</td>
<td>Operations</td>
</tr>
</table>
</div>
</body>
</html>Output 이는 다음과 같은 출력을 제공합니다. −
위 내용은 CSS로 작업하는 테이블 스타일 지정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제