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

테이블 수평 분배기

테이블 수평 분배기

이름 저금

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



댓글 작성

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

로그인하기

게시글 목록

번호 제목
2718
2714
2713
2712
2711
2709
2708
2707
2706
2695
2692
2688
2683
2679
2678
2677
2676
2656
2588
2579
2578
2550
2539
2532
2511
2448
2437
2426
2417
2416