CSS:색: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
(새 문서: {{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> | |||
| | |||
|- | |||
|마우스 올리면 색 변하게 | |||
|보통은 hover선택자를 이용해 짜는 게 일반적이다. | |||
|.클래스명 > 태그명:hover{각종 속성} | |||
| | |||
|- | |||
| | |||
| | |||
| | |||
| | |||
|} | |||
2021년 6월 9일 (수) 16:39 기준 최신판
틀:CSS. css에 대한 문서들을 담아두기 위한 틀.
컬러값은 #003322 형태이다. 숫자 2개씩 RGB에 대응된다.
구글에서 HTML컬러코드를 입력하면 여기에서 적절한 컬러코드값을 얻을 수 있다.
팁[편집 | 원본 편집]
| 의도 | 설명 | 코드 | |
|---|---|---|---|
| 활성화된 버튼 만들기 | 활성화된 버튼은 색이 바뀌어 있다.
활성화 할 버튼에 active라는 클래스를 부여하여 구현한다. |
html<div class="active">버튼</div>
.active{
background-color: 색;
}
|
|
| 마우스 올리면 색 변하게 | 보통은 hover선택자를 이용해 짜는 게 일반적이다. | .클래스명 > 태그명:hover{각종 속성} | |