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.11.10. color 파트 수강완료
  2. 황금아가리
    211003
  3. 이현수
    2021.09.10(금)
  4. 두드
    2021.07.21 완료
  5. jeisyoon
    2021.06.21 color - OK
  6. barozaqu
    20210518. rgba #ffffff
  7. Minint
    2021.03.13
  8. 임태경
    완료했어요 감사해요
  9. 스마일가이
    2021.01.26 완료 감사합니다
  10. datsciseol
    20210115
  11. 따뜻한츄르
    201230
  12. 몽실엄마
    12/22/2020 학습완료
  13. 201214
  14. switpotato
    20201122: 2차학습 완료
  15. 켄드릭
    2020년 10월 28일(목) 1차 학습완료
  16. Hyuk-Jin
    2020.10.26
  17. jaehyunlee
    완료
  18. 여니여니
    201006 완료
  19. 오석민
    완료
  20. 박병진
    2020.10.02 완료
  21. 콜라
    20200926 완료
  22. 김성곤
    20200717 감사합니다!
  23. jaehyunlee
    완료
  24. 한강
    color: name;
    color: rgb(100, 200, 300);
    color: #FF00FF;
    200528
  25. SUNNYART
    완료
  26. Blanc
    2020.01.05
  27. Grigo
    완료
  28. alpha
    191001 수강완료
  29. 태태
    수강완료
  30. 치디우기
    수강 완료
  31. 류석현
    수강완료
  32. FIRE
    20190728 완료
  33. 다나가
    190722 - 수업완료!!
  34. 김주엽
    공부완료
  35. basstrio
    완료
  36. 노혜주
    완료
  37. lygon
    2019-02-23 완료
  38. 김진욱
    완료!
  39. 숨이
    완료햇습니당
  40. 김민영
    완료
  41. SlowStarter
    감사합니다!
  42. 스페이스몽키
    감사합니다~!
  43. 옥슬이
    파란색ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
  44. JN87
    180103 감사합니다!
  45. 바실로마첸코
    이고잉님 새해복 많이받으세요^^
  46. 푸른하늘
    10일차 공부 감사합니다
  47. 오빠는다르다
    감사합니다~!!!
  48. 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>
  49. ballbot
    완료!
  50. jimmyzip
    legacy browser 때문이시라면, rgba(0,0,0,0.5)가 적용안되어서 포토샵에서 검정배경에 opacity 0.5 처리 한 색상을 스포이트 모양으로 찍으면 나오는 해당 hex값을 써주는 야매 경우를 보긴 했습니다....
    대화보기
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기