내마음대로만들어보자/HTML52 HTML 가로유형 예제2 로고 MENU-1 subMenu-1 subMenu-2 subMenu-3 subMenu-4 MENU-2 subMenu-1 subMenu-2 subMenu-3 subMenu-4 MENU-3 subMenu-1 subMenu-2 subMenu-3 MENU-4 subMenu-1 subMenu-2 subMenu-3 이미지 슬라이드 공지사항 갤러리 팝업 로고 Copyright SNS 2022. 2. 23. HTML 가로유형 예제 로고 Menu-1 submenuu-1 submenuu-2 submenuu-3 submenuu-4 Menu-2 submenuu-1 submenuu-2 submenuu-3 submenuu-4 Menu-3 submenuu-1 submenuu-2 submenuu-3 Menu-4 submenuu-1 submenuu-2 submenuu-3 이미지 슬라이드 공지사항 갤러리 팝업 로고 Copyright SNS /* reset */ * {margin: 0; padding: 0; font-size: 24px; color: #fff;} a {color: #333; text-decoration: none;} li {list-style: none;} table {border-spacing: 0;} .clearfix::befor.. 2022. 2. 22. HTML 기본 레이아웃2 로고 메뉴 이미지슬라이드 공지사항 갤러리 팝업 로고 하단메뉴 copyright /* reset */ * {margin: 0; padding: 0;} .clearfix::before, .clearfix::after {display: block; content: ''; clear: both;} /* 레이아웃 */ #wrap {width: 1200px;margin: 0 auto;} #side {float: left; width: 300px; height: 850px; background: #ddd;} #content {float: left; width: 900px;height: 850px; background: #ccc;} /* header */ #side .logo {width: 300px;height: 1.. 2022. 2. 21. HTML 기본 레이아웃 1 로고 메뉴 이미지 슬라이드 공지사항 갤러리 팝업 로고 Copyright SNS /* reset */ * {margin: 0; padding: 0;} .clearfix::before, .clearfix::after {display: block; content: ''; clear: both;} /* 레이아웃 */ #wrap{width: 1200px; margin: 0 auto;} /* 블록구조를 가운데 정렬할때는 마진을 주면된다. margin: 0 aut0는 위아래는0 좌우는 auto라는 의미 */ /* header */ #header {} #header .logo {float: left;width:250px; height: 100px; background: #888;} #header .nav {float:.. 2022. 2. 20. 이전 1 ··· 5 6 7 8 9 10 11 ··· 13 다음
