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

테이블 수평 분배기

테이블 수평 분배기

이름 저금

베드로 그리핀 $ 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>



댓글 작성

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

로그인하기

게시글 목록

번호 제목
2922
2921
2920
2919
2918
2917
2915
2914
2913
2912
2910
2909
2908
2907
2906
2905
2903
2902
2901
2900
2899
2897
2896
2895
2892
2891
2890
2889
2873
2866