Snippet 본문

카테고리형(텍스트형 타입)

등록
(등록일 : 2014/02/10    최종수정일 : 2014/02/13)
Type
PC
설명
텍스트 타입의 기본 카테고리 형태
미리보기
Html
<div class="cate_comm">
	<a href="#none" class="link_cate on">ELLE 독점 매거진</a><span class="txt_bar"> | </span><a href="#none" class="link_cate">카테고리명</a><span class="txt_bar"> | </span><a href="#none" class="link_cate">카테고리명</a><span class="txt_bar"> | </span><a href="#none" class="link_cate">카테고리명</a><span class="txt_bar"> | </span><a href="#none" class="link_cate">카테고리명</a>
</div>
CSS
.cate_comm {overflow:hidden;width:100%;padding:14px 0 15px 4px}
.cate_comm .txt_bar {padding:0 2px;font-size:11px;color:#e0dedf}
.cate_comm.link_cate {font-size:12px;color:#434343;letter-spacing:-1px}
.cate_comm.link_cate:hover {color:#1e7ae2}
.cate_comm .on {font-weight:bold;color:#1e7ae2}

안내 : 해당 Snippet을 사용하기 위해서는 Daum에서 사용하는 reset.css(global classname포함)를 사용 하셔야 합니다.
※ [ CSS Convention ] 바로가기