CSS 가상 선택자 실습_CSS
2021. 12. 15. 12:04ㆍksmart_html_css_js/HTML실습
728x90
아래 작성된 표에 1px씩 열을 가진 표를 구현하도록 하여라
답
<style type="text/css">
table{
border-collapse:0;
border-spacing:0;
}
table td{
border-top:1px solid #999;
border-left:1px solid #999;
}
table tr td:last-child{
border-right: 1px solid #999;
}
table tr:last-child td{
border-bottom:1px solid #999;
}
table tr:nth-child(2n+1) td{
background-color:#efefef;
}
</style>
<body>
<table>
<tbody>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</tbody>
</table>
</body>728x90
'ksmart_html_css_js > HTML실습' 카테고리의 다른 글
| html 요소 이벤트 - form 실습 (0) | 2022.01.30 |
|---|---|
| CSS 가상 선택자 활용 실습_CSS (0) | 2021.12.16 |
| CSS 속성 종류 및 float 실습_CSS (0) | 2021.12.15 |
| HTML실습CSS 선택자 및 CSS 속성 종류 실습_CSS (0) | 2021.12.15 |
| 속성 종류 실습_CSS (0) | 2021.12.15 |