文字

来源：互联网发布：网站服务器和域名编辑：程序博客网时间：2024/04/30 07:55

CSS Code

01/* UI Object */
tagcloud{color:#ccc;font-family:'돋움',dotum;font-size:12px;line-height:2.6;text-align:justify}
tagcloud a{color:#7c8a8d}
tagcloud a:hover{background-color:#1e4f55;color:#ff0}
tagcloud a em{color:#00b4b5;font-family:'돋움',dotum;font-size:15px;font-weight:bold;letter-spacing:-1px}
tagcloud a:hover em{background-color:#1e4f55;color:#ff0}
tagcloud a strong{color:#3d7b66;font-family:'돋움',dotum;font-size:18px;font-weight:bold;letter-spacing:-1px}
tagcloud a:hover strong{background-color:#1e4f55;color:#ff0}
tagcloud a strong em{background-color:#12d763;color:#fff;font-family:'돋움',dotum;font-size:20px;font-weight:bold;letter-spacing:-1px}
tagcloud a:hover strong em{background-color:#1e4f55;color:#ff0}
11/* //UI Object */

HTML Code

view source
print?
01<!-- UI Object -->
02<div class="tagcloud" style="width:600px">
03    <a href="#"><em>추성훈</em></a> |
04    <a href="#">클래식기타</a> |
05    <a href="#"><strong><em>데니스강</em></strong></a> |
06    <a href="#"><strong>체험학습</strong></a> |
07    <a href="#"><strong>감기</strong></a> |
08    <a href="#">플래시</a> |
09    <a href="#"><strong>정일우</strong></a> |
10    <a href="#"><strong>힙합</strong></a> |
11    <a href="#"><em>FT아일랜드</em></a> |
12    <a href="#"><strong>손뜨개</strong></a> |
13    <a href="#"><strong><em>강아지</em></strong></a> |
14    <a href="#">빼빼로데이</a> |
15    <a href="#"><em>손글씨</em></a> |
16    <a href="#"><strong>재활용</strong></a> |
17    <a href="#"><em>로젠메이든</em></a> |
18    <a href="#"><strong><em>할로윈</em></strong></a> |
19    <a href="#"><em>일본어</em></a> |
20    <a href="#"><em>그림</em></a> |
21    <a href="#"><em>천연비누</em></a> |
22    <a href="#">코스프레</a> |
23    <a href="#">낙서</a> |
24    <a href="#"><strong>피규어</strong></a> |
25    <a href="#"><em>스노우보드</em></a> |
26    <a href="#"><strong>해리포터</strong></a> |
27    <a href="#">원피스</a> |
28    <a href="#">뮤지컬</a> |
29    <a href="#">블리치</a> |
30    <a href="#"><em>패러디</em></a> |
31    <a href="#"><em>자동차</em></a> |
32    <a href="#"><strong>쿠키</strong></a> |
33    <a href="#"><em>주산지</em></a> |
34    <a href="#">일러스트</a> |
35    <a href="#">슈퍼주니어</a> |
36    <a href="#">판타지</a> |
37    <a href="#"><em>나루토</em></a> |
38    <a href="#"><strong>모닝구무스메</strong></a> |
39    <a href="#"><em>피아노</em></a> |
40    <a href="#">diy</a> |
41    <a href="#"><em>만화</em></a> |
42    <a href="#">메이플스토리</a> |
43    <a href="#"><em>원더걸스</em></a> |
44    <a href="#">피부관리</a> |
45    <a href="#"><em>추성훈</em></a> |
46    <a href="#">클래식기타</a> |
47    <a href="#"><strong><em>데니스강</em></strong></a> |
48    <a href="#"><strong>체험학습</strong></a> |
49    <a href="#"><strong>감기</strong></a> |
50    <a href="#">플래시</a> |
51    <a href="#"><strong>정일우</strong></a> |
52    <a href="#"><strong>힙합</strong></a> |
53    <a href="#"><em>FT아일랜드</em></a> |
54    <a href="#">손뜨개</a> |
55    <a href="#"><strong><em>강아지</em></strong></a> |
56    <a href="#">빼빼로데이</a> |
57    <a href="#"><em>손글씨</em></a> |
58    <a href="#"><strong>재활용</strong></a> |
59    <a href="#"><em>로젠메이든</em></a> |
60    <a href="#"><strong><em>할로윈</em></strong></a> |
61    <a href="#"><em>일본어</em></a> |
62    <a href="#"><em>그림</em></a> |
63    <a href="#"><em>천연비누</em></a> |
64    <a href="#">코스프레</a> |
65    <a href="#">낙서</a> |
66    <a href="#"><strong>피규어</strong></a> |
67    <a href="#"><em>스노우보드</em></a> |
68    <a href="#"><strong>해리포터</strong></a> |
69    <a href="#">원피스</a> |
70    <a href="#">뮤지컬</a> |
71    <a href="#">블리치</a> |
72    <a href="#"><em>패러디</em></a> |
73    <a href="#"><em>자동차</em></a> |
74    <a href="#">쿠키</a> |
75    <a href="#"><em>주산지</em></a> |
76    <a href="#">일러스트</a> |
77    <a href="#">슈퍼주니어</a> |
78    <a href="#">판타지</a> |
79    <a href="#"><em>나루토</em></a> |
80    <a href="#"><strong>모닝구무스메</strong></a> |
81    <a href="#"><em>피아노</em></a> |
82    <a href="#">diy</a> |
83    <a href="#"><em>만화</em></a> |
84    <a href="#">메이플스토리</a> |
85    <a href="#"><em>원더걸스</em></a> |
86    <a href="#">피부관리</a> |
87</div>
88<!-- //UI Object -->