본문 바로가기

728x90

HTML + CSS 시리즈🕸28

반응형 그리드 | HTML&CSS 시리즈 023 반응형 그리드 - 도안 HTML CSS body { margin: 0; } #div1 { background-color: #FF0000; width: 100%; height: 60px; float: left; } #div2 { background-color: #FFA500; width: 100%; height: 350px; float: left; } #div3 { background-color: #FFFF00; width: 100%; height: 320px; float: left; } #div4 { background-color: #008000; width: 100%; height: 385px; float: left; } #div5 { background-color: #0000FF; width: 100.. 2021. 7. 28.

쇼핑몰 사이트 만들기 | HTML&CSS 시리즈 022 HTML contact shop cart login our new products sunglasses 49,000 tassel_loafer 89,000 beige_bag 69,000 sneakers.jpg 49,000 slippers 49,000 wrist_watch 49,000 fedora_hat 49,000 classic_loafer 49,000 pink_bag 49,000 CSS * { box-sizing: border-box; } body { margin: 0; min-width: 992px; font-family: "Helvetica"; } /* navbar */ .navbar{ height: 60px; padding-left: 30px; padding-right: 30px; } .navbar .. 2021. 7. 28.

배달 메뉴 웹사이트 만들기 | HTML&CSS 시리즈 021 html 코딩의 민족 넌 코딩할 때가 제일 이뻐 얼 빠진 닭 주머니가 가벼운 당신의 마음까지 생각한 착한 가격! 바로 결제 코코 스시 주머니가 가벼운 당신의 마음까지 생각한 착한 가격! 바로 결제 코데리아 주머니가 가벼운 당신의 마음까지 생각한 착한 가격! 바로 결제 코가네 주머니가 가벼운 당신의 마음까지 생각한 착한 가격! 바로 결제 css @font-face { src:url("../fonts/BMJUA_otf.otf"); font-family:jua; } * { box-sizing: border-box; } body { background-color:#f0e8d9; } h1 { text-align: center; font-size: 64px; color: #58595b; margin-top: 75p.. 2021. 7. 27.

배경이미지 설정 방법 | HTML&CSS 시리즈 020 배경 이미지 설정 방법 background-repeat background-repeat는 이미지를 반복시킬 것인지 아닐 것인지, 그리고 반복시킨다면 어떤 방식으로 반복시킬 것인지 정해주는 속성입니다. /* 반복하지 않음 */ background-repeat: no-repeat; /* 가로 방향으로만 반복 */ background-repeat: repeat-x; /* 세로 방향으로만 반복 */ background-repeat: repeat-y; /* 가로와 세로 모두 반복 */ background-repeat: repeat; /* 반복할 수 있는 만큼 반복한 뒤, 남는 공간은 이미지 간의 여백으로 배분 */ background-repeat: space; /* 반복할 수 있는 만큼 반복한 뒤, 남는 공간은 .. 2021. 7. 24.

이전 1 2 3 4 5 ··· 7 다음

728x90

티스토리툴바