[css] input 꾸미기

*목표

input 을 예쁘게 꾸미자!

 

*결과

input[type=text]{
    outline: none; //클릭했을 때 테두리 생기지 않도록
    border: 0; // 기본테두리 삭제
    border-bottom: solid 4px rgba(0, 0, 0, 0.3); // 바닥에만 테두리, 즉 밑줄 
    background-color: transparent; // 배경 투명하게! none 말고 투명으로
    height : 30px;
    width : 300px;
}