HTML / CSS 소스 보기
지금 보시고 계시는 제 블로그(http://iendev.kr)에는 라운드 테이블(Round Table; 모서리가 둥근 상자)이 구현되어 있습니다. 일반적으로 이러한 효과를 구현하기 위해서는 HTML + 이미지 파일 또는 Java Script를 사용하지만, 여기에서는 CSS 만을 사용한 방법을 소개하고자 합니다.
HTML에서는 위 그림과 같이 세개의 영역으로 분리되고, 각 영역은 rtop, box, rbottom 이라는 id 로 명명됩니다. 그리고, CSS에서는 해당 영역에 대한 스타일을 정의하게 됩니다.
- TAG
- CSS, 라운드 테이블
- RESPONSE
- NO TRACKBACK , NO COMMENT
TRACKBACK URL : http://blog.iendev.kr/trackback/19
COPYRIGHT(C) 2003-2008 iendev, ALL RIGHTS RESERVED.
TEXTCUBE DESIGNED BY iendev, IS Nature 0.1