728x90 반응형 폰트어썸2 비주얼 스튜디오 코드 33 _ 프로필 카드 만들기 피그마에서 이미지 600 x 600 px 사이즈로 만들어서 작업할 폴더에 export하기 css reset 셋팅하기 html 바디안에 section(카드부분)이 들어가야한다. css 에서 편집하기 body: 배경색 넣어주기 ! section 태그 박스 넣어주기 width : 340px 너비값 넣어주고 높이값은 안넣어준다. 하지만 padding 값을 넣어주면 너비값이 지정되어있기 때문에 높이값이 30+30 으로 되서 60px이 지정됨 margin : 50px auto; 는 박스를 가운데 정렬을 해준다. box-shadow: 10px 10px 30px rgba(0,0,0,0.1) > 그림자 투명도 지정해준다. html에 다시 돌아가서 섹션 안에 nav 태그 넣어주기 폰트어썸에서 bar 아이콘 복사해서 nav.. 2023. 6. 15. 비주얼 스튜디오 코드 20_ 연꽃축제 예제 _ footer footer _그림문자 가져오기 https://fontawesome.com/ Font Awesome The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com 아이콘들을 글자처럼 사용하는 그림문자를 사용 링크를 걸어야함 푸터 쪽 다운로드 클릭 free for web을 클릭해서 무료로 그림문자를 사용할 수 있다. 경로 C:\Users\guro-hi\Downloads\fontawesome-free-6.4.0-web\fontawesome-free-6.4.0-web 에서 webfonts를 연꽃축제 .. 2023. 6. 9. 이전 1 다음 728x90
