<html>
<머리>
<title>CSS의 더 많은 문자 글자</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<스타일 유형="텍스트/css">
td {
글꼴 크기 : 12px;
글꼴 계열 : 宋体;
}
a { 글꼴 모음: "宋体";
글꼴 크기: 9pt; 텍스트 장식: 없음}
.t1{
색상: #CC0000;텍스트 장식: 밑줄
}
.t2{
텍스트 장식 : 없음;
색상:#006699;
}
.t3 { 색상: #006600; 텍스트 장식: 밑줄 윗줄}
.t4 { 색상: #0066FF; 텍스트 장식: 라인스루}
.t5 { 테두리: 1px #FF0000 단색; 높이: 20px; 색상: #000099}
.t6 { 테두리: #FF0000 실선; 높이: 0px; 색상: #0066FF; 테두리 너비: 0px 0px 1px}
.t7 { 테두리: #FF0000 실선; 높이: 0px; 색상: #0066FF; 테두리 너비: 0px 0px 1px; 패딩 하단: 5px}
.t8 { 테두리: #FF0000 실선; 높이: 0px; 색상: #0066FF; 테두리 너비: 0px 0px 1px; 너비: 200px; 텍스트 정렬: 중앙}
.t9 { 테두리: #FF0000 이중; 높이: 0px; 색상: #0066FF; 테두리 너비: 0px 0px 3px}
.t10 { 테두리: 1px #FFFF00 단색; 색상: #FFFF00; 클립: 높이; 배경색: #990000; 높이: 20px; 패딩 상단: 5px; 오른쪽 패딩: 5px; 패딩 하단: 5px; 왼쪽 패딩: 5px; 너비: 130px: 0px}
.t11 { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; 패딩 하단: 2px; PADDING-TOP: 2px; 배경색:#D9DEE8; 높이: 25px; 너비: 150px; 텍스트 정렬: 중앙; ; 국경: #D9DEE8; 테두리 스타일: 시작; 테두리 상단 너비: 2px; 테두리 오른쪽 너비: 2px; 테두리 하단 너비: 2px; 테두리 왼쪽 너비: 2px}
.t12{
텍스트 장식 : 없음;
색상:#006699;
; 높이: 25px; 너비: 130px; 패딩 상단: 4px; 패딩 오른쪽: 4px; 패딩 하단: 4px; 패딩 왼쪽: 4px
; 테두리: 1px #0000CC 솔리드
; 필터: 흐림(추가=1, 방향=45, 강도=2)
; 텍스트 정렬: 가운데
}
.t13 { 색상: #FFFF00; 텍스트 장식: 없음; 높이: 25px; 너비: 120px; 글꼴 모음: "宋体"; 글꼴 크기: 12px; 배경 이미지: url(bk3.gif); 패딩 상단: 6px; 왼쪽 패딩: 5px; 텍스트 정렬: 중앙}
.t13:hover { 색상: #FFFFFF; 텍스트 장식: 없음; 배경 이미지: url(bk4.gif); 높이: 25px; 너비: 120px; 패딩 상단: 6px; 왼쪽 패딩: 5px; 텍스트 정렬: 중앙}
.t14 { 색상: #FFFF00; 텍스트 장식: 없음; 높이: 25px; 너비: 120px; 글꼴 모음: "宋体"; 글꼴 크기: 12px; 배경 이미지: url(bk1.gif); 패딩 상단: 5px; 왼쪽 패딩: 5px}
.t14:hover { 색상: #000000; 텍스트 장식: 없음; 배경 이미지: url(bk2.gif); 높이: 25px; 너비: 120px; 패딩 상단: 5px; 왼쪽 패딩: 5px}
.t1:호버{
색상: #0000FF;텍스트 장식: 밑줄
}
.t2:호버{
텍스트 장식 : 밑줄;
색상:#339900;
}
.t3:hover { 색상: #9900CC; 텍스트 장식: 없음}
.t4:hover { 색상: #FF0099; 텍스트 장식: 없음}
.t5:hover { 테두리: 1px #0000FF 솔리드; 높이: 20px; 색상: #CCCC00}
.t6:hover { 테두리: 단색; 높이: 0px; 색상: #0066FF; 테두리 너비: 0px 0px 1px; 테두리 색상: #00FF00 #00FF00 #00FF33 #00FF33}
.t7:hover { 테두리: #FF0000 단색; 높이: 0px; 색상: #990000; 테두리 너비: 0px 0px 1px; 패딩 하단: 2px}
.t8:hover { 테두리: #FF0000 단색; 높이: 0px; 색상: #336600; 테두리 너비: 0px 0px 1px; 너비: 170px; 텍스트 정렬: 중앙}
.t9:hover { 테두리: #FF0000 double; 높이: 0px; 색상: #0066FF; 테두리 너비: 0px 0px 5px}
.t10:hover { 테두리: 1px #0000FF 단색; 색상: #333333; 클립: 높이; 배경색: #C8D8F0; 높이: 20px; 패딩 상단: 5px; 오른쪽 패딩: 5px; 패딩 하단: 5px; 왼쪽 패딩: 5px; 너비: 130px: 0px}
.t11:hover { BORDER-RIGHT: #99CCFF 1px 시작; PADDING-RIGHT: 2px; 테두리 상단: #99CCFF 1px 시작; PADDING-LEFT: 2px; 패딩 하단: 2px; 테두리 왼쪽: #99CCFF 1px 시작; PADDING-TOP: 2px; 테두리-하단: #99CCFF 1px 시작;배경색:#C8D8F0; 높이: 25px; 너비: 150px; 텍스트 정렬: 중앙; }
.t12:호버{
텍스트 장식 : 없음;
색상:#006699;
; 높이: 25px; 너비: 130px; 패딩 상단: 4px; 패딩 오른쪽: 4px; 패딩 하단: 4px; 패딩 왼쪽: 4px
; 테두리: 1px #0000CC 솔리드
; 필터: 흐림(추가=1, 방향=45, 강도=1)
; 텍스트 정렬: 가운데
}
.txt10 { 줄 높이: 15px}
</style>
<스크립트 언어="자바스크립트">
<!--
함수 MM_preloadImages() { //v3.0
var d=문서; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new 이미지; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<body bgcolor="#EBEAF4" text="#000000" onLoad="MM_preloadImages('bk4.gif','bk3.gif','bk2.gif','bk1.gif')">
<table width="300" border="0" cellpacing="1" cellpadding="5" align="center" bgcolor="#CCCCCC">
<tr bgcolor="#FFFFFF" align="중앙">
<td colspan="2" class="txt10">CSS는 더 많은 문서를 작성합니다</td>
</tr>
<tr bgcolor="#CCCCCC">
<td>일、</td>
<td>初级链接样式</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>1、</td>
<td><a href="#" class="t1">통합 연결</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>2、</td>
<td><a href="#" class="t2">다운로드</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>3、</td>
<td><a href="#" class="t3">双划线链接</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>4、</td>
<td><a href="#" class="t4">删除线链接</a></td>
</tr>
<tr bgcolor="#CCCCCC">
<td>두,</td>
<td>进阶链接样式风格</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>1、</td>
<td><a href="#" class="t5">另类下划线적 원본</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>2、</td>
<td><a href="#" class="t6">정제하划线색상</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>3、 </td>
<td><a href="#" class="t7">정제하划线距离</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>4、 </td>
<td><a href="#" class="t8">정제하划线长道와 对齐方式</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>5、 </td>
<td><a href="#" class="t9">정제双下划线</a></td>
</tr>
<tr bgcolor="#CCCCCC">
<td>삼、</td>
<td>높은 链接样式风格</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>1、</td>
<td><a href="#" class="t10">맞춤 설정</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>2、</td>
<td><a href="#" class="t11">결정된 链接</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>3、</td>
<td><a href="#" class="t12">맞춤형 특별 이벤트</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>4、</td>
<td><a href="#" class="t13">静态背景切换链接</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>5、</td>
<td><a href="#" class="t14">动态背景切换链接</a></td>
</tr>
<tr bgcolor="#FFFFFF" 정렬="오른쪽">
<td colspan="2"> <a href=" http://www.downcodes.com ">建站school院</a>改编</td>
</tr>
</table>
<p class="t2"> </p>
</body>
</html>