HTML실습CSS 선택자 및 CSS 속성 종류 실습_CSS
2021. 12. 15. 11:51ㆍksmart_html_css_js/HTML실습
728x90
각 공지사항의 타이틀은 빨강색상, 자유게시판 타이틀은 파랑색상,
모든 표의 행 하단 밑줄이 표현되도록 style 적용하여라.
<body>
<h1>css 선택자 및 css 속성 종류 실습</h1>
<div id="my-table">
<h2>공지사항</h2>
<table>
<thead>
<tr>
<th>제목</th>
</tr>
</thead>
<tbody>
<tr>
<td>제목입니다.</td>
</tbody>
</table>
</div>
<div id="my-table">
<h2>자유게시판</h2>
<table>
<thead>
<tr>
<th>제목</th>
</tr>
</thead>
<tbody>
<tr>
<td>제목입니다.</td>
</tbody>
</table>
</div>
</body>
답
<style>
#my-table h2{color:red;}
#my-table2 h2{color:blue;}
th{border-bottom:1px solid #000;}
td{border-bottom:1px solid #000;}
</style>728x90
'ksmart_html_css_js > HTML실습' 카테고리의 다른 글
| CSS 가상 선택자 실습_CSS (0) | 2021.12.15 |
|---|---|
| CSS 속성 종류 및 float 실습_CSS (0) | 2021.12.15 |
| 속성 종류 실습_CSS (0) | 2021.12.15 |
| 선택자 실습_CSS (0) | 2021.12.15 |
| CSS 적용 실습_CSS (0) | 2021.12.14 |