[코드캠프] 섹션 2 회원가입에 CSS 적용하기

CSS 적용하기 전 

위 피그마 화면과 동일하게 만들기

 

<어려웠던 부분>

1. input 태그 만들기 

.signUp {
    width: 466px;
    height: 56.35px;
    margin-bottom: 21px;
    border: 1px solid #CFCFCF;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 1;
}

.signUp:hover {
    border-bottom-color: #0068FF;
}

마우스를 올리면 input 태그의 밑줄이 파란색으로 바뀐다. (따로 hr 태그를 작성하지 않고 input 태그에서 박스의 아랫선만 보이도록 설정하였다.) 

 

 

이렇게 완성!