2018년 11월 12일 박성진 parks@kangwon.ac.kr Web & Internet [09] 레이아웃 P2 2018년 11월 12일 박성진 parks@kangwon.ac.kr.

2018년 11월 12일 박성진 parks@kangwon.ac.kr
Web & Internet [09] 레이아웃 P2 2018년 11월 12일 박성진

DBLab Template by Suan

예제 4. 본문 구성 #main_section 태그 내부에 다음과 같이 입력 다음 스타일을 적용

사이드 탭바 구성 다음과 같이 같은 공간에 두 개 이상의 요소를 겹쳐놓는 것을 탭바라고 함
탭바는 일반적으로 자바스크립트로 생성 CSS3를 사용하면 탭바를 쉽게 생성할 수 있음 DBLab Template by Suan

예제 5. 사이드 탭바 구성 다음과 같이 #main_aside 태그를 구성 스타일을 적용 코드를 실행

클릭! DBLab Template by Suan

예제 5. 사이드 탭바 구성 이 코드를 스타일 태그에 추가 DBLab Template by Suan

예제 6. 목록 구성 #main_aside 태그 내부의 <li> 를 다 음 형태로 구성 스타일을 적용

예제 7. 푸터 구성 <body>내부에 다음과 같이 <footer> 를 생성
#main_footer 에 다음 코드를 입력 다음 스타일을 적용 DBLab Template by Suan

예제 7. 푸터 구성 DBLab Template by Suan

Presentation on theme: "2018년 11월 12일 박성진 parks@kangwon.ac.kr Web & Internet [09] 레이아웃 P2 2018년 11월 12일 박성진 parks@kangwon.ac.kr."— Presentation transcript: