반응형
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Tags
- 테이블
- javascript
- Array
- 배열
- CMD
- vscode
- 자바스크립트
- js
- table
- date
- Maven
- html
- 이클립스
- Eclipse
- CSS
- 자바
- string
- ArrayList
- Button
- 정규식
- Visual Studio Code
- input
- IntelliJ
- 이탈리아
- list
- json
- 인텔리제이
- Java
- 문자열
- windows
Archives
- Today
- Total
어제 오늘 내일
[HTML/CSS] 버튼 배경색 지정하기 본문
background-color
버튼의 배경색은
CSS의 background-color 속성으로 지정할 수 있습니다.
예제
background-color 속성을 이용하여
버튼의 색깔을 변경하였습니다.
그런데, 배경색이 변경된 버튼은
기존의 버튼처럼, 마우스 오버가 되거나, 버튼이 클릭되었을 때
배경색이 변경되지 않아서, 마치 눌러지지 않는 버튼 처럼 보이고 있습니다.
다음 포스팅에서는
배경색이 변경된 버튼에 마우스 오버, 클릭 등의 액션이 발생했을 때
배경색을 변경해주는 방법을 정리해보도록 하겠습니다.
반응형
'IT > HTML&CSS' 카테고리의 다른 글
| [HTML/CSS] 버튼 글자색 변경하기 (color) (0) | 2022.12.11 |
|---|---|
| [HTML/CSS] 버튼 마우스 오버, 클릭 시 배경색 변경하기 (0) | 2022.12.10 |
| [HTML/CSS] 글자색 그라데이션 적용하기 (0) | 2022.12.09 |
| [HTML/CSS] 자간(글자 간격, 단어 간격) 설정하기, letter-spacing, word-spacing (0) | 2022.12.09 |
| [HTML/CSS] 텍스트 줄간격 설정하기 (line-height) (0) | 2022.12.08 |
Comments