본문 바로가기
WWWEB/DESIGN

[벤치마킹] CJ 팜, LIG 넥스원, 브레인위버 등 디자인

by 미니토이 2013. 1. 7.

CJ PHARM (http://www.cjp.co.kr/)

- 테이블에 col에 class를 사용해서 width를  맞춤

 

/* 주요 CSS */   html, body, table, input, textarea, button, select {font-family: "나눔고딕",NanumGothic,NanumGothicWeb,"돋움",Dotum,Arial,Helvetica,sans-serif;} input, textarea, select, td, th {font-size: 12px}   table{border-spacing: 0;border-collapse: collapse;}   .tableArea .majorProduct td {padding: 26px 0 26px 39px;vertical-align: top;text-align: left;line-height: 1.9;} 
 <table class="majorProduct" summary="순환기계, 내분기계, 소화기계, 정신·신경계, 항암제 별 주요 생산제품"> <caption>오송공장 주요생산제품</caption> <colgroup> <col class="t_product" /> <col width="*" /> </colgroup> 

 

 

 

 

...

 

 

 

LIG NEX1 (http://www.lignex1.com/)

- 왼쪽 메뉴바의 레이아웃이 신선하며, 여러 배경 테마에도 어울려 보인다.

 

 

 

 

 

 

...

 

 

 

 

브레인위버 (http://www.brainweaver.co.kr/)

- 왼쪽 메뉴가 아이콘으로만 노출이 되면서 심플한 느낌을 전해줌.

 

 

 

 

 

 

...

 

 

 

728x90
반응형

댓글