안녕하세요 여러분 캐시입니다.
오늘은 html에 간단하게 색 입히는 방법 3가지를 정리해볼게요!
1. 컬러 이름 입력(red, blue, white 같은 이름들)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h1{
color: blue;
}
</style>
</head>
<body>
<h1> color change test!</h1>
</body>
</html>
이런식으로 <style> 태그안의 color 부분 뒷쪽에 컬러 이름을 적어서 색상을 입혀줄 수 있습니다.
근데 티스토리 왜 이렇게 나오는거죠ㅠㅠㅠ..
티스토리 내부에 코드블럭 삽입을 이용했는데 저는 분명 바로 위의 사진처럼 제대로 쓴 것 같은데 글 안의 코드블럭은 이상하게 보여지네요..
아래에 두가지는 그냥 캡쳐로 넣도록 하겠습니다.
2. 컬러코드(HEX) 입력
이런식으로 <style> 태그안에 color 뒤쪽에 6자리 숫자 코드를 입력해서 원하는 색상을 지정해 줄 수도 있습니다.
3. RGB 값 입력
그리고 마지막으로 <style> 태그안에 color 뒤쪽에 rgb 값 3가지를 지정해줘서 원하는 색상을 지정하는 방법이 존재합니다.
html 기초 내용로 간단하게 텍스트에 색상을 입히는 3가지 방법을 정리해봤는데요!
블로그에 앞으로도 잘 기록해서 까먹거나 필요할때마다 잘 검색해서 찾아서 볼 수 있도록, 꾸준히 노력해보겠습니다.
그럼 공부 하시는 모든분들 화이팅하시고, 건강하고 행복한 하루 되시길 바랄게요!😇
'StudyLife' 카테고리의 다른 글
[html/css 기초] 폰트 크기 설정하기 방법들 정리 (0) | 2022.03.18 |
---|---|
[html/css 기초] 폰트 굵기 설정하기 방법들 정리(font-weight: ;) (0) | 2022.03.12 |
[HTML/CSS 공부] 기초 태그 정리해보기 (0) | 2022.03.01 |
캐시라이프라는 이름으로 티스토리 서브 블로그 시작합니다. (0) | 2021.11.07 |
댓글