CSS

color

color

글꼴의 컬러를 지정하는 방법에 대해서 알아봅니다. 

컬러의 다양한 종류는 아래의 페이지를 참고해주세요. 

http://www.w3schools.com/css/css_colors.asp

예제 - color.html

<!DOCTYPE html>
<html>
  <head>
    <style>
      h1{color:#00FF00;}
    </style>
  </head>
  <body>
    <h1>Hello world</h1>
  </body>
</html>

댓글

댓글 본문
  1. 이현수
    2021.09.10(금)
  2. 두드
    2021.07.21 완료
  3. jeisyoon
    2021.06.21 color - OK
  4. barozaqu
    20210518. rgba #ffffff
  5. Minint
    2021.03.13
  6. 임태경
    완료했어요 감사해요
  7. 스마일가이
    2021.01.26 완료 감사합니다
  8. datsciseol
    20210115
  9. 따뜻한츄르
    201230
  10. 몽실엄마
    12/22/2020 학습완료
  11. 201214
  12. switpotato
    20201122: 2차학습 완료
  13. 켄드릭
    2020년 10월 28일(목) 1차 학습완료
  14. Hyuk-Jin
    2020.10.26
  15. jaehyunlee
    완료
  16. 여니여니
    201006 완료
  17. 오석민
    완료
  18. 박병진
    2020.10.02 완료
  19. 콜라
    20200926 완료
  20. 김성곤
    20200717 감사합니다!
  21. jaehyunlee
    완료
  22. 한강
    color: name;
    color: rgb(100, 200, 300);
    color: #FF00FF;
    200528
  23. SUNNYART
    완료
  24. Blanc
    2020.01.05
  25. Grigo
    완료
  26. alpha
    191001 수강완료
  27. 태태
    수강완료
  28. 치디우기
    수강 완료
  29. 류석현
    수강완료
  30. FIRE
    20190728 완료
  31. 다나가
    190722 - 수업완료!!
  32. 김주엽
    공부완료
  33. basstrio
    완료
  34. 노혜주
    완료
  35. lygon
    2019-02-23 완료
  36. 김진욱
    완료!
  37. 숨이
    완료햇습니당
  38. 김민영
    완료
  39. SlowStarter
    감사합니다!
  40. 스페이스몽키
    감사합니다~!
  41. 옥슬이
    파란색ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
  42. JN87
    180103 감사합니다!
  43. 바실로마첸코
    이고잉님 새해복 많이받으세요^^
  44. 푸른하늘
    10일차 공부 감사합니다
  45. 오빠는다르다
    감사합니다~!!!
  46. MunBe
    <!--color-->
    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    /*color name*/

    h1 {
    color: tomato;
    }

    /*RGB*/

    h2 {
    color: rgb(255, 255, 100);
    }

    /*HEX코드*/

    h3 {
    color: #00ff00;
    }

    /*RGBA(A는 불투명도)*/

    h4 {
    color: rgba(101, 100, 50, 0.5);
    }
    </style>
    </head>

    <body>
    <h1>Hello World</h1>
    <h2>Hello World</h2>
    <h3>Hello World</h3>
    <h4>Hello World</h4>
    </body>

    </html>
  47. ballbot
    완료!
  48. jimmyzip
    legacy browser 때문이시라면, rgba(0,0,0,0.5)가 적용안되어서 포토샵에서 검정배경에 opacity 0.5 처리 한 색상을 스포이트 모양으로 찍으면 나오는 해당 hex값을 써주는 야매 경우를 보긴 했습니다....
    대화보기
    • 뽕쏴꽐라까
      투명도 rgb 말고 hex로 투명도를 적용하는 방법이 있나요??
    • 존경합니다 :)
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기