NULI : 널리 공유하는 웹표준화 가이드

layout for user

Box 적용 가이드

  • 여러 형태의 박스 예제는 아래와 같은 형식을 갖습니다.
  • DTD는 HTML 4.01 Transitional 형식으로 작성 되었으나 Quirks Mode 와 XHTML 1.0 DTD에 적용해도 무방합니다.

박스 목록

수직 가운데정렬 박스 - Quirks mode, Standard mode 동일

새창으로보기 ▲Top

흰색 배경에 박스색과 관계없는 라운드 박스 - Quirks mode, Standard mode 동일

새창으로보기 ▲Top

배경색에 관계없이 사용가능한 흰색 라운드 박스 - Quirks mode, Standard mode 동일

새창으로보기 ▲Top

2중 BORDER 라운드 박스 - 일본통검 기본

새창으로보기 ▲Top

라운드 박스 1px 버그잡기(expression사용) - IE6에서 확인해야함

새창으로보기 ▲Top

라운드 박스 1px 버그잡기

새창으로보기 ▲Top

그림자(background-color) 박스 - Quirks mode, Standard mode 동일

새창으로보기 ▲Top

그림자(png, filter 사용) 박스 - Quirks mode, Standard mode 동일

새창으로보기 ▲Top