CSS:색: 두 판 사이의 차이

학교의 모든 지식. SMwiki
둘러보기로 이동 검색으로 이동
(새 문서: {{CSS}} 컬러값은 #003322 형태이다. 숫자 2개씩 RGB에 대응된다. 구글에서 HTML컬러코드를 입력하면 여기에서 적절한 컬러코드값을 얻을 수 있...)
 
편집 요약 없음
4번째 줄: 4번째 줄:


구글에서 HTML컬러코드를 입력하면 여기에서 적절한 컬러코드값을 얻을 수 있다.
구글에서 HTML컬러코드를 입력하면 여기에서 적절한 컬러코드값을 얻을 수 있다.
== 팁 ==
{| class="wikitable"
|+
!의도
!설명
!코드
!
|-
|활성화된 버튼 만들기
|활성화된 버튼은 색이 바뀌어 있다.
활성화 할 버튼에 active라는 클래스를 부여하여 구현한다.
|html<syntaxhighlight lang="html">
<div class="active">버튼</div>
</syntaxhighlight>css<syntaxhighlight lang="css">
.active{
    background-color: 색;
}
</syntaxhighlight>
|
|-
|
|
|
|
|-
|
|
|
|
|}

2021년 6월 3일 (목) 23:26 판

틀:CSS. css에 대한 문서들을 담아두기 위한 틀.

  1. CSS:개요
  2. CSS:선택자
  3. CSS:크기척도
  4. CSS:텍스트
  5. CSS:아이콘
  6. CSS:속성
    1. CSS:색
    2. CSS:위치와 모양
    3. CSS:Flexbox
    4. CSS:기타속성
  7. CSS:변수
  8. CSS:진한쌤의 의문

컬러값은 #003322 형태이다. 숫자 2개씩 RGB에 대응된다.

구글에서 HTML컬러코드를 입력하면 여기에서 적절한 컬러코드값을 얻을 수 있다.


의도 설명 코드
활성화된 버튼 만들기 활성화된 버튼은 색이 바뀌어 있다.

활성화 할 버튼에 active라는 클래스를 부여하여 구현한다.

html
<div class="active">버튼</div>
css
.active{
    background-color: ;
}