본문 바로가기

728x90

HTML + CSS 시리즈🕸/HTML & CSS 시리즈(V 1.0)25

bootstrap(부트스트랩) 에 대해 | HTML&CSS 시리즈 024 부트스트랩? => 트위터 개발자가 오픈소스로 제공해주는 html,css,js .... 의 프레임 워크이다. 프레임워크는 미리 만들어진 코드라고 보면 된다. 사용법 아래 사진은 부트 스트랩에서 필요한 css 파일 과 javascript(js) 파일을 받아오기 위해 입력한것. https://getbootstrap.com/docs/5.0/getting-started/introduction/ Introduction Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page. getbootstrap.com .. 2021. 7. 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.

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

728x90

티스토리툴바