본문 바로가기

HTML&CSS

CSS 색 활용 // how to use CSS to color any HTML text element using an HTML tag, ID or class.

 

아래에 태그 있어요!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
      div {margin-left: 30px;
           margin-right: 30px;
           margin-bottom : 10px;
           color: white;
           }
    </style>
</head>
<body>
    <h3>CSS 색 활용</h3>
    <hr>
    <div style="background-color: #00bfff;">deepskyblue(00BFFF)</div>
    <div style="background-color: #a52a2a;">brown(#a52a2a)</div>
    <div style="background-color: #ff8c00;">darkorange(FF8C00)</div>
    <div style="background-color: #ff00ff;">fuchsia(FF00FF)</div>
    <div style="background-color: #008b8b;">darkcyan(008b8b)</div>
    <div style="background-color: #6b8e23;">olivedrab(6b8e23)</div>
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white">cs

 

여백들을 스타일주기 위해서 참고할 수 있어요! 

'HTML&CSS' 카테고리의 다른 글

CSS font  (0) 2020.03.06
CSS 텍스트 꾸미기 // how to decorate text in CSS  (0) 2020.03.06
CSS 선택자 // CSS selector  (0) 2020.03.05
HTML 문서에 CSS 스타일 시트 만드는 방법들  (0) 2020.03.05
CSS 로 예쁘게~!  (0) 2020.03.05