Snippet 본문

별점

등록
유낙동 (등록일 : 2011/08/30    최종수정일 : 2013/03/07)
Type
PC
설명
별점 일반형
미리보기
Html
<span class="star_comm">
	<span class="img_sample star_rate"><span class="img_sample inner_star" style="width:50%;">별점 : </span></span>
	<em class="num_rate">7.8</em><span class="screen_out">점</span>
</span>
CSS
.img_sample {background:url(/snippet/image?idx=99) 0 0 no-repeat}

.star_comm {display:block;overflow:hidden;width:100%}
.star_comm .star_rate {float:left;width:54px;height:10px;margin:1px 4px 0 0;background-position:0 0}
.star_comm .inner_star {display:block;width:100%;height:100%;font-size:0;line-height:0;background-position:0 -10px;text-indent:-9999px}
.star_comm .num_rate {float:left;font-size:12px;line-height:14px;color:#df4334}

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