표안의 폰트사이즈를 줄이고 싶습니다.

표안의 폰트사이즈를 줄이고 싶습니다.

QA

표안의 폰트사이즈를 줄이고 싶습니다.

답변 1

본문

 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>

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
filter #font ×
전체 27
© SIRSOFT
현재 페이지 제일 처음으로