이 소스에서 글 크기 크게 수정 좀 도와주세요

이 소스에서 글 크기 크게 수정 좀 도와주세요

QA

이 소스에서 글 크기 크게 수정 좀 도와주세요

본문

<body>

    <head>

      <meta http-equiv="content-type" content="text/html; charset=utf-8">

  <style>

     #toc-content {

       display: none;

       color: #fafa8e;

     }

     #toc-toggle {

       cursor: pointer;

       color: #fafa8e;

     }

     #toc-toggle:hover {

       text-decoration: underline;

       

     }

   </style>

   </head>

   <center><table bgcolor="black"><tr><td>

   <center><font color=#fafa8e size="4"><strong>목차</strong></font></center><br>

  <center><font color=#fafa8e>[</font><span id="toc-toggle" onclick="openCloseToc()">

    <font color=#fafa8e size="5">보이기</font></span><font color=#fafa8e>]</font></center>

   <ol id="toc-content">

     <li>

       <a href="1/[1].html" target="right"><font color="white">[1]</font></a>

       <a href="1/[2].html" target="right"><font color="white">[2]</font></a>

       <a href="1/[3].html" target="right"><font color="white">[3]</font></a>

       <a href="1/[4].html" target="right"><font color="white">[4]</font></a>

       <a href="1/[5].html" target="right"><font color="white">[5]</font></a>

       <a href="1/[6].html" target="right"><font color="white">[6]</font></a>

       <a href="1/[7].html" target="right"><font color="white">[7]</font></a>

       <a href="1/[8].html" target="right"><font color="white">[8]</font></a>

        <br><br>

 

     </li>

     <li>

      <a href="2/[1].html" target="right"><font color="white">[1]</font></a>

      <a href="2/[2].html" target="right"><font color="white">[2]</font></a>

      <a href="2/[3].html" target="right"><font color="white">[3]</font></a>

      <a href="2/[4].html" target="right"><font color="white">[4]</font></a>

      <a href="2/[5].html" target="right"><font color="white">[5]</font></a>

      <a href="2/[6].html" target="right"><font color="white">[6]</font></a>

      <a href="2/[7].html" target="right"><font color="white">[7]</font></a>

      <a href="2/[8].html" target="right"><font color="white">[8]</font></a>

       <br><br>

 

    </li>

    <li>

      <a href="3/[1].html" target="right"><font color="white">[1]</font></a>

      <a href="3/[2].html" target="right"><font color="white">[2]</font></a>

      <a href="3/[3].html" target="right"><font color="white">[3]</font></a>

      <a href="3/[4].html" target="right"><font color="white">[4]</font></a>

      <a href="3/[5].html" target="right"><font color="white">[5]</font></a>

      <a href="3/[6].html" target="right"><font color="white">[6]</font></a>

      <a href="3/[7].html" target="right"><font color="white">[7]</font></a>

      <a href="3/[8].html" target="right"><font color="white">[8]</font></a>

       <br><br>

 

    </li>

    <li>

      <a href="4/[1].html" target="right"><font color="white">[1]</font></a>

      <a href="4/[2].html" target="right"><font color="white">[2]</font></a>

      <a href="4/[3].html" target="right"><font color="white">[3]</font></a>

      <a href="4/[4].html" target="right"><font color="white">[4]</font></a>

      <a href="4/[5].html" target="right"><font color="white">[5]</font></a>

      <a href="4/[6].html" target="right"><font color="white">[6]</font></a>

      <a href="4/[7].html" target="right"><font color="white">[7]</font></a>

     

       <br><br>

 

    </li>

   

   

    </li>

   </ol>

  </td></tr></table></center>

   <script>

     function openCloseToc() {

       if(document.getElementById('toc-content').style.display === 'block') {

         document.getElementById('toc-content').style.display = 'none';

         document.getElementById('toc-toggle').textContent = '보이기';

       } else {

         document.getElementById('toc-content').style.display = 'block';

         document.getElementById('toc-toggle').textContent = '숨기기';

       }

     }

   </script>

   </body>

 

실행하면 

 

 

   목차

[보이기]

 

 

 

라고 나오는데 [보이기]를 누르면 

빨간색 표시한 소스의 [보이기] [숨기기] 가 나오는데

그 글씨 크기가 같은 크기로 나왔으면 좋겠는데 작게 나옵니다.

[보이기] 의 폰트 사이즈는 5로 지정했는데요

어떻게 수정해야할까요?

 

이 질문에 댓글 쓰기 :

답변 1

html 다시 배우세요

지금 안쓰는태그가 많아요 html4랑 html5랑 달라져서 일부 태그들이 지원 안하거든요

div에 넣어서 font-size=14px; 사이즈 정하시면되요

예시로

<div style="font-size:14px;"></div>

 

답변을 작성하시기 전에 로그인 해주세요.
전체 2,086
QA 내용 검색
filter #css ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT