표안의 폰트사이즈를 줄이고 싶습니다.
본문
css초보라 이런 기초적인것도 못하네요
고수님들 도와주세요
표 안쪽의 글자들을 줄이고 싶어요
<style>
/* 폰트설정 */
.t3{position:relative;font-size:12px; font-family:'Nanum Gothic'}
.t3 h3{font-size:1.0em;margin-bottom:0.75em;color:#323232;letter-spacing:-0.05em;}
.t3 .tblWrap{width:100%;overflow:hidden;}
.t3 table{width:90% !important;letter-spacing:-0.05em;border-top:3px solid #37315d;border-bottom:2px solid #e2e2e2;border-spacing:0;border-collapse:collapse; line-height:15px;}
.t3 thead tr:first-child th{border-top:0;}
.t3 th,
.t3 td{padding:10px 0;font-weight:400;text-align:center;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.t3 thead tr:first-child th:first-child ,
.t3 td.ty3{border-left:0;}
.t3 th{background:#f4f4f4;}
.t3 th.ty1{background:#f4efe4;}
.t3 td.ty1{background:#fcf5e9;}
.t3 td.ty2{color:#005c9a;}
.t3 td.ty3{color:#e72744;font-weight:bold}
.t3 td.ty4{color:#e72744;}
</style>
<!--나눔고딕폰트 불러오기-->
<link href="http://ts.daumcdn.net/custom/blog/0/606/skin/images/nanumgothic.css" rel="stylesheet" type="text/css">
<div class="t3">
<h3>표 제목이 들어갑니다.</h3>
<div class="tblWrap">
<table border="0" cellpadding="0" cellspacing="0">
<colgroup>
<col width="120px">
<col>
<col>
<col>
<col>
<col>
<col>
<col>
</colgroup>
<thead>
<tr>
<th scope="col"class="ty1">Part Number</th>
<th scope="col">Size</th>
<th scope="col">Peak Wave<br>
Length(nm)</th>
<th scope="col">Optical<br>
Power(nW)</th>
<th scope="col">Forward <br>
Voltage(V)</th>
<th scope="col">Forward<br>
Current(mA)</th>
<th scope="col"><p>Directivity <br>
(Degree)</p></th>
<th scope="col">Datasheet</th>
</tr>
</thead>
<tbody>
<tr>
<td class="ty1 ty3">가</td>
<td class="ty4">강조 1</td>
<td class="ty2">강조 2<br>
<font color="#666666">내용</font></td>
<td>내용</td>
<td>내용</td>
<td>내용</td>
<td>내용</td>
<td class="ty2">강조 2<br>
<font color="#666666">내용</font></td>
</tr>
<tr>
<td class="ty1 ty3">나</td>
<td class="ty2">강조 2</td>
<td>내용</td>
<td>내용</td>
<td>내용</td>
<td>내용</td>
<td class="ty2"><font color="#666666">내용</font><br>
강조 2</td>
<td class="ty2">강조 2<br>
<font color="#666666">내용</font></td>
</tr>
<tr>
<td class="ty1 ty3"> </td>
<td class="ty2"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class="ty2"> </td>
<td class="ty2"> </td>
</tr>
<tr>
<td class="ty1 ty3"> </td>
<td class="ty2"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class="ty2"> </td>
<td class="ty2"> </td>
</tr>
<tr>
<td class="ty1 ty3"> </td>
<td class="ty2"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class="ty2"> </td>
<td class="ty2"> </td>
</tr>
<tr>
<td class="ty1 ty3"> </td>
<td class="ty2"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class="ty2"> </td>
<td class="ty2"> </td>
</tr>
<tr>
<td class="ty1 ty3"> </td>
<td class="ty2"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class="ty2"> </td>
<td class="ty2"> </td>
</tr>
<tr>
<td class="ty1 ty3"> </td>
<td class="ty2"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class="ty2"> </td>
<td class="ty2"> </td>
</tr>
<tr>
<td class="ty1 ty3"> </td>
<td class="ty2"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td class="ty2"> </td>
<td class="ty2"> </td>
</tr>
</tbody>
</table>
</div><br>
※ 내용이 들어갑니다.
</div>
답변을 작성하시기 전에 로그인 해주세요.
