테스트 사이트 - 개발 중인 베타 버전입니다

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

디자인아루즈 5년 전 조회 2,456

 css초보라 이런 기초적인것도 못하네요 

고수님들 도와주세요

 

표 안쪽의 글자들을 줄이고 싶어요

</p>

<p><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></p>

<p><!--나눔고딕폰트 불러오기-->

<link href="<a href="http://ts.daumcdn.net/custom/blog/0/606/skin/images/nanumgothic.css"" target="_blank" rel="noopener noreferrer">http://ts.daumcdn.net/custom/blog/0/606/skin/images/nanumgothic.css"</a> rel="stylesheet" type="text/css"></p>

<p><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


                  Length(nm)</th>

                  <th scope="col">Optical


                  Power(nW)</th>

                  <th scope="col">Forward 


                  Voltage(V)</th>

                  <th scope="col">Forward


Current(mA)</th>

                  <th scope="col"><p>Directivity 


                  (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


                    <font color="#666666">내용</font></td>

                  <td>내용</td>

                  <td>내용</td>

                  <td>내용</td>

                  <td>내용</td>

                  <td class="ty2">강조 2


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


                    강조 2</td>

                  <td class="ty2">강조 2


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


  ※ 내용이 들어갑니다.

</div></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
s
sinbi Expert
5년 전

.tblWrap * { font-size:OOpx}

 

작업하실 때 참고해 보세요.

https://homzzang.com/b/css">https://homzzang.com/b/css

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

디자인아루즈
5년 전
감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인