input 태그 꾸미기

HTML , CSS

[CSS] input 태그 테두리, 색상으로만 디자인 해보기

2022.04.12

이번 글은 input 만을 이용하여 여러 css를 입혀 input 태그만 디자인 해보겠습니다. 실제 디자인의 경우에는 input 태그만을 사용하지 않을 때도 많습니다. 특히 홈페이지 로그인 부분들에서 태그 앞에 id 이미지나pw 이미지를 많이 볼 수 있는데 이미지나 이런것은 넣지 않고 input 태그만에 css를 입혔습니다. 디자인은 여러 사이트들을 참조하였습니다.

HTML , CSS

[CSS] input 태그 테두리 색상, 테두리 둥글게, 클릭 시 테두리 색상 변경

2022.04.11

이번 글은 input 태그의 테두리 크기, 선 종류, 색상을 변경하는 방법과 테두리를 둥글게 만드는 방법, input 태그 클릭 시 테두리 색상을 변경 하는 방법을 알아보도록 하겠습니다. input type 기준은 text를 기준으로 작업할 예정이며, 테두리 크기, 선 종류, 색상 속성은 대부분 공통으로 사용할 수 있으니 div나 label 등에서도 모두 사용할 수 있습니다.

[CSS] input 태그 테두리, 색상으로만 디자인 해보기

[CSS] input 태그 테두리 색상, 테두리 둥글게, 클릭 시 테두리 색상 변경

티스토리툴바