개발자 권군

0. 로그인창 옵션 >> 전에 포스팅했던 무신사 로그인 창 옵션 부분을 가상요소를 이용해서 다시 만들어보았습니다. 1. html 회원 가입 아이디 찾기 비밀번호 찾기 > util_menu 클래스를 만들어 옵션 넣어줌. 2. css (전체 코드는 아래에 따로) .util_menu{ width: 450px; height: 50px; background: #f1f1f1 } > .util_menu 가로,세로를 지정하여 만들기 시작 .util_menu>ul>li{ float: left; margin-left: 30px; position: relative; } > li- float: left;를 주어 가로로 배치한다. position: relative; 준 이유- bar를 가상요소로 주었을 때 li를 기준으로 ba..

css 가상요소: 태그 대신에 가상으로 꾸밈을 추가 1. ::after, ::before 이용해서 태그 앞,뒤에 글 추가 front-end h3::before{content: "Hi ";color: rgb(39, 114, 124);font-size: 25px;} h3::after{content: " developer!";color: palevioletred;font-size: 30px;} > content 속성을 이용해 글,문자 등을 추가할 수 있다. 2. 인용부호 사용 html css p::before{content: open-quote;} p::after{content: close-quote;} > 인용부호를 p태그 before, after에 추가 (다음 포스팅: 가상요소를 이용해서 '바'를 추가)