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

테이블 수평 분배기

테이블 수평 분배기

이름 저금

베드로 그리핀 $ 100

로이스 그리핀 $ 150

스완 손 300 달러

border-bottom수평 분할 자의 경우 <th> 및 <td>에 속성을 추가하십시오 .

 

th, td {

    border-bottom: 1px solid #ddd;

}

 

 

<!DOCTYPE html>

<html>

<head>

<style>

table {

    border-collapse: collapse;

    width: 100%;

}

 

th, td {

    padding: 8px;

    text-align: left;

    border-bottom: 1px solid #ddd;

}

</style>

</head>

<body>

 

<h2>Bordered Table Dividers</h2>

<p>Add the border-bottom property to th and td for horizontal dividers:</p>

 

<table>

  <tr>

    <th>Firstname</th>

    <th>Lastname</th>

    <th>Savings</th>

  </tr>

  <tr>

    <td>Peter</td>

    <td>Griffin</td>

    <td>$100</td>

  </tr>

  <tr>

    <td>Lois</td>

    <td>Griffin</td>

    <td>$150</td>

  </tr>

  <tr>

    <td>Joe</td>

    <td>Swanson</td>

    <td>$300</td>

  </tr>

  <tr>

    <td>Cleveland</td>

    <td>Brown</td>

    <td>$250</td>

  </tr>

</table>

 

</body>

</html>



댓글 작성

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

로그인하기

게시글 목록

번호 제목
2861
2849
2828
2824
2820
2814
2813
2808
2807
2802
2795
2787
2783
2781
2776
2771
2757
2756
2755
2754
2748
2739
2736
2734
2731
2730
2729
2726
2724
2722