테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

테이블 상단에 라인을 굵게 하고 싶습니다. 채택완료

허걱김선생 3년 전 조회 1,783
답변 4
목록

수고하십니다.

테이블 상단(지역위에요)에 라인을 굵게해서 보여주고 싶은데

잘 모르겠어서요.

 

조언 좀 부탁드립니다.

 

</p>

<p><p>

   <table align="center" bgcolor="#fafafa" cellpadding="10" cellspacing="10" style="border-color: #e5e5e5; border-style: solid; border-width: 1px; border-collapse: collapse; width: 100%;">

      <tbody>

         <tr>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 20%;">지역</td>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 80%;"> </td>

            </tr>



         <tr>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 20%;">연락처</td>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 80%;"> </td>

            </tr>

         <tr>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 20%;">주소</td>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 80%;"> </td>

            </tr>



         <tr>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 20%;"> 태그</td>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 80%;"> </td>

            </tr>

         </tbody>

      </table>

   </p></p>

<p>

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

답변 4개

채택된 답변
+20 포인트
들레아빠 

</p>

<p><p>

   <table align="center" bgcolor="#fafafa" cellpadding="10" cellspacing="10" style="border-color: #e5e5e5; border-style: solid; border-width: 3px;border-left: 1px;border-right: 1px;border-bottom: 1px; border-collapse: collapse; width: 100%;">

      <tbody>

         <tr>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 20%;">지역</td>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 80%;"> </td>

            </tr>

         <tr>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 20%;">연락처</td>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 80%;"> </td>

            </tr>

         <tr>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 20%;">주소</td>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 80%;"> </td>

            </tr>

         <tr>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 20%;"> 태그</td>

            <td style="border-style: solid; border-width: 1px; border-color: #e5e5e5; width: 80%;"> </td>

            </tr>

         </tbody>

      </table>

   </p></p>

<p>

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

답변에 대한 댓글 1개

�
허걱김선생
3년 전
소스 수정을 해주셨네요.
감사합니다. 잘 됩니다.

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

애

<style>

table {border-top:5px solid #cc0000;}

</style>

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

답변에 대한 댓글 1개

�
허걱김선생
3년 전
스타일을 줘서도 가능하군요.
감사합니다.

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

엑

https://developer.mozilla.org/en-US/docs/Web/CSS/border-top

참고하세요.

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

답변에 대한 댓글 1개

�
허걱김선생
3년 전
즐겨찾기 해두었습니다.
감사합니다.

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

s
sinbi Expert
3년 전

https://codepen.io/sinbi/pen/MWOqvjb

 

더 자세한 건 아래 게시판 참고해 작업해 보세요.

테이블: https://homzzang.com/b/css?sca=table

테두리: https://homzzang.com/b/css?sca=border

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

답변에 대한 댓글 1개

�
허걱김선생
3년 전
감사합니다.

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

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

로그인