일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 인텔리제이
- 테이블
- CMD
- string
- IntelliJ
- list
- Visual Studio Code
- Array
- 배열
- 자바스크립트
- 문자열
- ArrayList
- json
- Java
- input
- CSS
- windows
- js
- javascript
- table
- Files
- 자바
- 이탈리아
- Eclipse
- 이클립스
- html
- Maven
- date
- vscode
- Button
- Today
- Total
목록Color (4)
어제 오늘 내일
input 필드에 대한 스타일을 변경하는 방법을 알아보고 있습니다. [HTML/CSS] input 배경색, 글자색 변경하기 [HTML/CSS] input 커서 색상 변경하기 (caret-color) [HTML/CSS] input 커서 없애기 [HTML/CSS] input 테두리 아래만 남기기, 없애기 (border, outline) 이번에는 input 필드를 클릭했을 때 테두리의 색상을 변경하는 방법을 알아보도록 하겠습니다. input 클릭 시, 테두리 색상 변경 필드 클릭 시, 테두리 색상을 변경하기 위해서, 다음의 두 속성을 이용할 수 있습니다. border-color outline 이 두 속성의 지난번 포스팅에서 input 필드의 테두리를 없앨 때도 사용했습니다. [HTML/CSS] input 테두..
input 필드의 배경색과 글자을 변경하기 위해서 다음 속성을 사용 할 수 있습니다. background-color : 배경색 변경 color : 글자색 변경 예제 input { background-color: yellow; color: red; }
지난번에는 버튼의 배경색을 변경하는 방법을 알아보았습니다. [HTML/CSS] 버튼 배경색 지정하기 버튼에 기본적으로 적용된 글자색은 검정입니다. 만약, 버튼의 배경색을 어두운 색으로 변경한다면, 버튼의 글씨가 잘 보이지 않게 됩니다. 이때는, 버튼의 글자를 밝은 색으로 변경해주어야 합니다. 버튼 글자색 변경하기 (color) 버튼 .my_btn { background-color: black; color: white; } color: white; CSS의 color 속성을 사용하여 버튼의 글자색을 흰색으로 변경하였습니다.
CSS를 사용하여 텍스트의 색과 배경색을 지정할 수 있습니다. CSS로 텍스트 배경색 지정하기 (background-color) 텍스트의 배경색을 지정하기 위해서 CSS의 background-color 속성을 사용할 수 있습니다. background-color: yellow; background-color: #ffff00; 예제 배경색은 노랑, 초록, 파랑입니다. .y { background-color: yellow; } .g { background-color: #00FF00; } .b { background-color: blue; } CSS로 텍스트 색 지정하기 (color) 위 예제를 보면, 배경색을 파란색과 같이 진한 색으로 지정한 경우 텍스트가 검정색이라서 잘 눈에 띄지 않습니다. 텍스트의 색도 ..