![[HTML & CSS] CSS 색상(color) 다루기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcklHHd%2FbtrMkRQlOAQ%2FEOuqzJemfUKMjcgywlC7A0%2Fimg.png)
728x90
이전글 CSS3를 HTML5에 적용하기의 연장입니다.
배경색 지정
- background-color : 색상명1;
예시)
<!DOCTYPE HTML>
<html>
<head>
<title>css</title>
<meta charset="UTF-8">
<style>
p {
background-color: yellow;
}
</style>
</head>
<body>
<p>색상 연습</p>
</body>
</html>
결과)
경계선 색상 지정
- border : 1px solid 색상명;
예시)
<!DOCTYPE HTML>
<html>
<head>
<title>css</title>
<meta charset="UTF-8">
<style>
p {
border : 1px solid red;
}
</style>
</head>
<body>
<p>색상 연습</p>
</body>
</html>
결과)
글자 색상 지정
- color : 색상명1;
예시)
<!DOCTYPE HTML>
<html>
<head>
<title>css</title>
<meta charset="UTF-8">
<style>
p {
color : red;
}
</style>
</head>
<body>
<p>색상 연습</p>
</body>
</html>
결과)
색상 값 표시
- color : 색상명;
- color : rgb(255, 99 ,71);
- color : #ff6347
- color : hsl(9, 100%, 64%
- color : rgba(255, 99 ,71, 0.6);
더욱 상세히 색상을 표시할 수 있습니다.
728x90
'[WEB] > [HTML & CSS]' 카테고리의 다른 글
| [HTML & CSS] 경계선(border) 다루기 (0) | 2022.09.18 |
|---|---|
| [HTML & CSS] CSS 배경(background) 다루기 (0) | 2022.09.18 |
| [HTML & CSS] CSS3를 HTML5에 적용하기 (0) | 2022.09.17 |
| [HTML & CSS] CSS 선택자(selecter) (0) | 2022.09.17 |
| [HTML & CSS] HTML video & audio (2) | 2022.09.17 |