2018년 11월 12일 박성진 parks@kangwon.ac.kr Web & Internet [09] 레이아웃 P2 2018년 11월 12일 박성진 parks@kangwon.ac.kr
DBLab Template by Suan
DBLab Template by Suan
예제 4. 본문 구성 #main_section 태그 내부에 다음과 같이 입력 다음 스타일을 적용 DBLab Template by Suan
예제 4. 본문 구성 #main_section 태그 내부에 다음과 같이 입력 다음 스타일을 적용 DBLab Template by Suan
DBLab Template by Suan
사이드 탭바 구성 다음과 같이 같은 공간에 두 개 이상의 요소를 겹쳐놓는 것을 탭바라고 함 탭바는 일반적으로 자바스크립트로 생성 CSS3를 사용하면 탭바를 쉽게 생성할 수 있음 DBLab Template by Suan
예제 5. 사이드 탭바 구성 다음과 같이 #main_aside 태그를 구성 스타일을 적용 코드를 실행 DBLab Template by Suan
클릭! DBLab Template by Suan
예제 5. 사이드 탭바 구성 이 코드를 스타일 태그에 추가 DBLab Template by Suan
DBLab Template by Suan
예제 6. 목록 구성 #main_aside 태그 내부의 <li> 를 다 음 형태로 구성 스타일을 적용 DBLab Template by Suan
DBLab Template by Suan
예제 7. 푸터 구성 <body>내부에 다음과 같이 <footer> 를 생성 #main_footer 에 다음 코드를 입력 다음 스타일을 적용 DBLab Template by Suan
예제 7. 푸터 구성 DBLab Template by Suan