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

테이블 수평 분배기

· 8년 전 · 1717

테이블 수평 분배기

이름 저금

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



댓글 작성

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

로그인하기

게시글 목록

번호 제목
2982
2981
2980
2979
2978
2977
2976
2975
2974
2973
2972
2971
2970
2969
2968
2967
2966
2965
2964
2963
2962
2961
2960
2959
2958
2957
2956
2955
2954
2953