文字

CSS Code

01	/* UI Object */

02	.tagcloud{color:#ccc;font-family:'돋움',dotum;font-size:12px;line-height:2.6;text-align:justify}

03	.tagcloud a{color:#7c8a8d}

04	.tagcloud a:hover{background-color:#1e4f55;color:#ff0}

05	.tagcloud a em{color:#00b4b5;font-family:'돋움',dotum;font-size:15px;font-weight:bold;letter-spacing:-1px}

06	.tagcloud a:hover em{background-color:#1e4f55;color:#ff0}

07	.tagcloud a strong{color:#3d7b66;font-family:'돋움',dotum;font-size:18px;font-weight:bold;letter-spacing:-1px}

08	.tagcloud a:hover strong{background-color:#1e4f55;color:#ff0}

09	.tagcloud a strong em{background-color:#12d763;color:#fff;font-family:'돋움',dotum;font-size:20px;font-weight:bold;letter-spacing:-1px}

10	.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 -->