본문 바로가기

<HTML> 색상(Color) 태그 사용법

 

 

오늘은 "HTML"에서 사용하는 색상(color) 태그의

사용법과 속성에 대해서 알아보겠습니다. 

 

 

1. HTML <color> 태그 -- 배경색 넣기

1
2
3
4
<h1 style="background-color:DodgerBlue;">Self-Confidence</h1>
 
<h3 style="background-color:Tomato;">It is a great ability <br>
to be able to conceal one's <u>ability.</u><h3>
cs

--> 실행

 

 

 

2. HTML <color> 태그 -- 폰트 색상 넣기

1
2
3
4
5
<h2 style="color:red;">A genius is just a talented person who does his homework.</h2>
 
<h2 style="color:DodgerBlue;">A genius is just a talented person who does his homework.</h2>
 
<h2 style="color:lime;">A genius is just a talented person who does his homework.</h2>
cs

--> 실행

 

 

 

3. HTML <color> 태그 -- 테두리 색상 넣기

1
2
3
4
5
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
 
<h1 style="border:2px solid lavender;">Hello World</h1>
 
<h1 style="border:2px solid lime;">Hello World</h1>
cs

--> 실행

 

 

4. HTML <color> 태그 -- 한 번에 다 사용하기

1
2
3
4
5
6
7
<style>
div {
    color:white;
    background-color:DodgerBlue;
    border:4px solid lavender;
}
</style>
cs
1
<div><h2>GAME OVER!!<br>TO BE CONTINEW</h2></div>
cs

--> 실행

 (폰트는 따로 설정했습니다.)

이것도 나중에 따로 포스팅하겠습니다.

 

 

 

그럼 여기까지 <HTML> 색상(Color) 태그 사용법

 

 

 

--- 끝 ---

93 DL

Develop Life