GURU/PYTHON & HTML

[HTML day 5: web form] HTML에서의 색 표현

myejinni 2022. 1. 21. 17:09

*bgcolor 속성의 width 값을 70으로 설정해 색깔 칸이 넓어보일 수 있도록 구현했다!

 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>color</title>
</head>
<body>
	<h1>
		색 이름과 색 코드 샘플
	</h1>
	<hr>

		<table border="1" width="450">
		<tr>
			<th>이름</th><th>코드</th><th>색</th>
			<th>이름</th><th>코드</th><th>색</th>
		</tr>

		<tr>
			<td>brown</td><td>#A52A2A</td><td bgcolor="brown" width="70"></td>
			<td>deepskyblue</td><td>#00bfff</td><td bgcolor="deepskyblue" width="70"></td>
		</tr>

		<tr>
			<td>blueviolet</td><td>#8a2be2</td><td bgcolor="blueviolet" width="70"></td>
			<td>gold</td><td>#ffd700</td><td bgcolor="gold" width="70"></td>
		</tr>

		<tr>
			<td>darkorange</td><td>#ff8c00</td><td bgcolor="darkorange" width="70"></td>
			<td>olivedrab</td><td>#6b8e23</td><td bgcolor="olivedrab" width="70"></td>
		</tr>

		</table>


</body>
</html>

 

 

color

색 이름과 색 코드 샘플

이름코드색 이름코드색
brown#A52A2A deepskyblue#00bfff
blueviolet#8a2be2 gold#ffd700
darkorange#ff8c00 olivedrab#6b8e23