테이블 배경 색 및 이미지 적용방법
테이블 배경을 지정하기 위한 속성으로는 background(배경이미지)와 bgcolor(배경색)가 있습니다.
[배경을 지정할 수 있는 태그는 <body>태그와 <table>태그, <td>태그 등이 대표적이다.]
1. 배경이미지(background)
<(body/table) background="주소">
상기 소스와 같다. 이부분을 아래와 같이 사용할 수 있다.
상기 이미지를 소스화 하면 아래와 같다.
<table background="images/backimages.jpg">
<tr>
<td>테이블안에 이미지 보자</td>
<td></td>
</tr>
<tr>
<td>테이블안에 이미지 보자</td>
<td>테이블안에 이미지 보자</td>
</tr>
</table>
2. 배경색(bgcolor)
과 같이 적용하면 배경이 회색(gray)로 변한다.
상기 이미지를 소스화 하면 아래와 같다.
<table align="center" border="2" cellpadding="10" cellspacing="0" bgcolor="#808080" >
<tr><th colspan ="3" > < 성격 및 교우관계 > </th></tr>
이름 | 색상명 | 색 | 이름 | 색상명 | 색 |
aqua | #00FFFF |
| olive | #808000 |
|
black | #000000 |
| orange | #FFA500 |
|
blue | #0000FF |
| purple | #800080 |
|
fuchsia | #FF00FF |
| red | #FF0000 |
|
gray | #808080 |
| silver | #C0C0C0 |
|
green | #008000 |
| teal | #008080 |
|
lime | #00FF00 |
| white | #FFFFFF |
|
maroon | #800000 |
| yellow | #FFFF00 |
|
navy | #000080 |
|
|
|
|
'공부하자 > HTML' 카테고리의 다른 글
| 홈페이지 자동으로 새로고침 만들기 (0) | 2018.12.26 |
|---|---|
| get과 post방식 (0) | 2017.07.21 |
| div 태그와 span 태그 (0) | 2017.04.30 |
| textarea 태그/ select 태그 / fieldset 태그 / legend 태그 (0) | 2017.04.18 |
| 여러가지 입력 양식 태그 (0) | 2017.04.18 |