Text Color

색상
(temp_font_color_색상)
사이즈
(temp_font_size_크기)
타입
(temp_font_type_유형)
정렬방식-수평
(temp_align_방향)
정렬방식-수직
(temp_valign_방향)

색상(코드명: temp_font_color_색상)

텍스트 Gray type

텍스트 Gray type02

텍스트 Gray type03

텍스트 Gray type

텍스트 Blue type

텍스트 Red type

텍스트 Orange type

텍스트 White type

코드보기

지원 브라우저 : (7~10)

CSS Code

.font_color_gray{color:#666666;}

.font_color_gray02{color:#888888;}

.font_color_gray03{color:#9a9a9a;}

.font_color_green{color:#009045;}

.font_color_blue{color:#4178db;}

.font_color_red{color:#ED1C27;}

.font_color_orange{color:#F78119;}

.font_color_white{color:#FFFFFF;}

HTML Code

<p>텍스트 <span class="font_color_gray">Gray type</span></p>

<p>텍스트 <span class="font_color_gray02">Gray type02</span></p>

<p>텍스트 <span class="font_color_gray03">Gray type03</span></p>

<p>텍스트 <span class="font_color_green">Green type</span></p>

<p>텍스트 <span class="font_color_blue">Blue type</span></p>

<p>텍스트 <span class="font_color_red">Red type</span></p>

<p>텍스트 <span class="font_color_orange">Orange type</span></p>

<p>텍스트 <span class="font_color_white">White type</span></p>

* 본 코드는 WIPS Markup Coding Convention을 100% 준수합니다.
* HTML 마크업 구조는 템플릿 형식에서 벗어나지 않도록 합니다.
* DTD는 HTML 4.01 Transitional(loose.dtd)기준 입니다.
* 디자인에 따른 해당 UI의 CSS는 서비스 별로 다르게 적용 가능합니다.