Scribd Logo
Upload

Welcome to Scribd!

  • Untitled

    Uploaded by

    xcv
    6 views3 pages
    The document contains two HTML code examples showing how to add borders and cell padding to HTML tables. The first example uses CSS to add a border to a table with three columns and three rows of sample data. The second example adds 15px of padding between each cell and its border, and provides a tip to try changing the padding to 5px.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains two HTML code examples showing how to add borders and cell padding to HTML tables. The first example uses CSS to add a border to a table with three columns and three rows of sample data. The second example adds 15px of padding between each cell and its border, and provides a tip to try changing the padding to 5px.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    6 views3 pages

    Untitled

    Uploaded by

    xcv
    The document contains two HTML code examples showing how to add borders and cell padding to HTML tables. The first example uses CSS to add a border to a table with three columns and three rows of sample data. The second example adds 15px of padding between each cell and its border, and provides a tip to try changing the padding to 5px.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 3

    <!

    DOCTYPE html>

    <html>

    <head>

    <style>

    table, th, td {

    border: 1px solid black;

    border-collapse: collapse;

    </style>

    </head>

    <body>

    <h2>Table With Border</h2>

    <p>Use the CSS border property to add a border to the table.</p>

    <table style="width:100%">

    <tr>

    <th>Firstname</th>

    <th>Lastname</th>

    <th>Age</th>

    </tr>

    <tr>

    <td>Rahul</td>

    <td>Kumar</td>

    <td>50</td>

    </tr>

    <tr>

    <td>Riya</td>

    <td>Pandey</td>

    <td>24</td>
    </tr>

    <tr>

    <td>Anurag</td>

    <td>Rao</td>

    <td>30</td>

    </tr>

    </table>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <style>

    table, th, td {

    border: 1px solid black;

    border-collapse: collapse;

    th, td {

    padding: 15px;

    </style>

    </head>

    <body>

    <h2>Cellpadding</h2>

    <p>Cell padding specifies the space between the cell content and its borders.</p>

    <table style="width:100%">

    <tr>
    <th>Firstname</th>

    <th>Lastname</th>

    <th>Age</th>

    </tr>

    <tr>

    <td>Rahul</td>

    <td>Kumar</td>

    <td>50</td>

    </tr>

    <tr>

    <td>Riya</td>

    <td>Pandey</td>

    <td>24</td>

    </tr>

    <tr>

    <td>Anurag</td>

    <td>Rao</td>

    <td>30</td>

    </tr>

    </table>

    <p><strong>Tip:</strong> Try to change the padding to 5px.</p>

    </body>

    </html>

    You might also like