어제 오늘 내일

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 필드를 스타일링하는 방법을 알아보고 있습니다. [HTML/CSS] input 배경색, 글자색 변경하기 [HTML/CSS] input 커서 색상 변경하기 (caret-color) [HTML/CSS] input 커서 없애기 이번에는 input 필드의 테두리를 없애는 방법, 아래쪽에만 테두리를 남기는 방법을 알아보겠습니다. 또한, input 필드에 마우스를 가져가면 나타나는 테두리도 같이 없애보도록 하겠습니다. border-width input 필드의 테두리를 없애기 위해 border 속성을 이용할 수 있습니다. 예제 input { background-color: #FFF8DC; } .no-border { border-width: 0; } .bottom-border { border-width: 0 ..

CSS의 속성을 이용하여 div의 테두리를 그리는 방법을 정리하였습니다. 1. border 2. border-style, border-width, border-color 3. border-top, border-right, border-bottom, border-left 4. outline 5. outline과 border의 차이점 1. border border 속성 사용하기 1 안녕하세요? div { width : 100px; height: 100px; background-color: #f5d682; border: 1px solid red; } CSS의 border속성을 정의하여 div의 테두리를 그려주었습니다. border 속성 사용하기 2 dotted red solid 6px solid div { w..