My footsteps
내일배움카드(재직자) 웹표준 수업 / 3월4일 (금) 3회차 본문
728x90
색지정하기
▶ 배경색 지정
<태그 style="background-color:색이름;"></태그>
▶ 글자색 지정
<태그 style="color:색이름;"></태그>
▶ 혼용
<태그 style="background-color:색이름; color:색이름;"></태그>
※ 색이름 입력 방법(3가지)
▶ 영문으로 입력 : red, yellow, blue, lightgray....
▶ RGB값으로 입력 : rgb(000,000,000)
▶ 16진수로 입력 : #00ff00
HTML <colgroup> 태그
정의 및 특징
<colgroup> 태그는 테이블에서 서식 지정을 위해 하나 이상의 열을 그룹으로 묶을 때 사용합니다.
<colgroup> 요소는 각 행(row)이나 셀(cell)의 스타일을 반복하지 않고, 열(column) 전체에 다른 스타일을 적용하고 싶을 때 유용하게 사용할 수 있습니다.
또한, <colgroup> 요소 내부에 <col> 요소를 포함하여 열마다 각각 다른 스타일을 적용할 수도 있습니다.
<colgroup> 요소는 <table> 요소의 자식 요소로, 모든 <caption> 요소보다 뒤에 위치해야 하며 모든 <thead>, <tbody>, <tfoot>, <tr> 요소보다는 앞에 위치해야 합니다.
http://www.tcpschool.com/html-tags/colgroup
colgroup 사용법
<table>
<colgroup span="2" style="background-color: lightpink"></colgroup>
<tr>
<th>
학번
</th>
<th>
이름
</th>
<th>
학과
</th>
</tr>
CSS(Cascading Style Sheet)로 표 스타일 한번에 지정하기
<head>
<style>
table{border:두께 색종류 색이름; color:색이름; border-collapse:collpase;}
th{border:두께 색종류 색이름}
</style>
</head>
table{border:두께 색종류 색이름; color:색이름; border-collapse:collpase;}
↑ ↑ ↑ ↑ ↑ ↑ ↑ ↑
꾸며줄 태그 선모양 1px solid red 글자색 선간격조절 선간격없음
728x90
'예습 > 웹표준 수업(22.2.28 ~ 22.4.25)' 카테고리의 다른 글
| 내일배움카드(재직자) 웹표준 수업 / 3월16일 (수) 6회차 (0) | 2022.03.16 |
|---|---|
| 내일배움카드(재직자) 웹표준 수업 / 3월14일 (월) 5회차 (0) | 2022.03.14 |
| 내일배움카드(재직자) 웹표준 수업 / 3월7일 (월) 4회차 (0) | 2022.03.07 |
| 내일배움카드(재직자) 웹표준 수업 / 3월2일 (수) 2회차 (0) | 2022.03.02 |
| 내일배움카드(재직자) 웹표준 수업 / 2월28일 (월) 1회차 (0) | 2022.02.28 |