HTML과 CSS를 활용한 단순 표 작성
<!DOCTYPE html>
<html>
<head>
<style>
th{
background-color: pink;
}
table, td, th {
border: 0px solid #B9A5A5;
text-align: center;
color: red;
}
td:nth-child(3),
td:nth-child(5){
background-color: darkblue;
}
</style>
</head>
<body>
<table>
<tr>
<th>구분<br>/시간</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thurday</th>
<th>Friday</th>
<th>Saturday</th>
<th>Sunday</th>
</tr>
<tr>
<td>점심</td>
<td>Chicken</td>
<td>Chicken</td>
<td>Chicken</td>
<td>Chicken</td>
<td>Chicken</td>
<td>Chicken</td>
<td>Chicken</td>
</tr>
<tr>
<td>저녁</td>
<td>Chicken</td>
<td>Chicken</td>
<td>Chicken</td>
<td>Chicken</td>
<td>Chicken</td>
<td>Chicken</td>
<td>Chicken</td>
</tr>
</table>
</body>
</html>
'IT 정보기술, 전자, 통신 > HTML_CSS' 카테고리의 다른 글
| [구글크롬] chrome 시크릿모드 들어가기 (0) | 2017.09.28 |
|---|---|
| [메모] 컴퓨터 학원 1주차 학습내용 정리(정리중) (0) | 2017.09.28 |
| Set the color for unvisited links to "red", and the color for visited links "blue". (0) | 2017.09.28 |
| Win키를 이용한 창 위치전환 (0) | 2017.09.28 |
| 구글크롬 검사기능 CSS BOX모델이 의도대로 되었는지 검사하는 목적으로 활용 (0) | 2017.09.28 |
댓글