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. 오빠는다르다
    감사합니다~!!!
  2. 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>
  3. ballbot
    완료!
  4. jimmyzip
    legacy browser 때문이시라면, rgba(0,0,0,0.5)가 적용안되어서 포토샵에서 검정배경에 opacity 0.5 처리 한 색상을 스포이트 모양으로 찍으면 나오는 해당 hex값을 써주는 야매 경우를 보긴 했습니다....
    대화보기
    • 뽕쏴꽐라까
      투명도 rgb 말고 hex로 투명도를 적용하는 방법이 있나요??
    • 존경합니다 :)
    • nevertoolate
      rgb(254, 207, 207)
      I found this is nice colour. ^&^
    • 강지후
      강의 완료 20170725
    • 쿠쿠다스
      감사합니다~
    • 14번째
      5.18.
    • php가 첫취업?
      사이트 같은데 가서...자기 입맛에 맞게 색상 지정해주며 하는 방식이네요..
    • funlife
      감사합니다.
    • 그쵸 0~225이죠
      대화보기
      • 이경열
        강의 감사합니다.
      • matheios
        강의 감사합니다~~
      • 숨니
        총 256가지인건 알겠는데 범위가 0부터 256까지인건 아니지 않나요?
        rgb 범위는 0~255까지 입니다.

        지나가는 수강생님 말대로 자동으로 잡아주는 것 같네요~
        대화보기
        • 임지호
          컬러를 표현하는 세 가지 방법
          1. color name
          2. hex(16진수 ex #FF0000)
          3. RGB(빨,초,파 ex rgb(256, 0, 0)
        • GunLoc
          아 어쩐지.. 보면서 256이라고 적으셔서 마지막엔 혼동이 왔어요.. 분명 0~255까지 인줄 알았거든요..
          대화보기
          • 0부터 255까지 총 256가지의 경우가 있습니다.
            대부분의 프로그램에서 시작은 0인경우에 주의해야 합니다.
            대화보기
            • 지나가는 수강생
              rgb(?,?,?)

              ?값에 0-255 가 들어갈 수 있는데
              255보다 크면 자동으로 255로 잡아주는 것 같습니다.
              마찬가지로
              ?값에
              0보다 작은 -1000을 입력해도
              0보다 작으면 자동으로 0으로 잡아주는 것 같네요
            • 숨니
              rgb는 가장 큰 값이 255 아닌가요..?
            • 최현승
              161009완료
            • 신병국
              tomato!
            • 김종엽
              2016.08.25 완료!
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기