Input & Label
Coddy의 로그인 폼 - HTML/CSS 프로젝트 코스 레슨 — 7개 중 5번째.
기본적으로 <input> 태그는 background-color, border, outline 속성을 가집니다.
모든 설정을 제거하려면 다음을 사용할 수 있습니다.
input {
background-color: transparent;
border: none;
outline: none;
}
챌린지
쉬움username와 password 입력 필드 및 label의 스타일을 지정하고, outline을 제거한 뒤 기본 border를 다른 것으로 변경하세요.
권장(선택 사항) 스타일링:
label:
- font-size
- color
- margin
input:
- background-color
- border-radius
- font-size
- color
- padding
직접 해보기
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>