Scribd Logo
Upload

Welcome to Scribd!

  • Lecture 10 CSS Tables

    Uploaded by

    John Ryan Sumang
    7 views1 page
    The document summarizes CSS properties that can be used to style HTML tables and their cells. Some key properties include using border-collapse to create single border lines for the table, setting widths and heights for table cells, and adding padding and text alignment. Mouse hover effects can also be added to highlight table rows. An example table HTML is provided to demonstrate how these CSS properties can be applied.

    Original Description:

    Original Title

    lecture-10-CSS-Tables

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document summarizes CSS properties that can be used to style HTML tables and their cells. Some key properties include using border-collapse to create single border lines for the table, setting widths and heights for table cells, and adding padding and text alignment. Mouse hover effects can also be added to highlight table rows. An example table HTML is provided to demonstrate how these CSS properties can be applied.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    7 views1 page

    Lecture 10 CSS Tables

    Uploaded by

    John Ryan Sumang
    The document summarizes CSS properties that can be used to style HTML tables and their cells. Some key properties include using border-collapse to create single border lines for the table, setting widths and heights for table cells, and adding padding and text alignment. Mouse hover effects can also be added to highlight table rows. An example table HTML is provided to demonstrate how these CSS properties can be applied.

    Copyright:

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

    CSS Tables

    PROPERTIES FUNCTION
    Table, th, td { Applying width and border to a table. Converting
    width: 100%; from standard double borderline table into single
    border-collapse: collapse; line table.
    border: 1px solid;
    table { Specify table border without applying border
    border: 2px solid; adjustments in th and td.
    th { Adjust the height of th.
    height: 70px;
    td { Use to place or align data (left, center, right, top,
    text-align: center; center and bottom)
    height: 50px;
    vertical-align: bottom;
    th, td { Adds a single border at the top, right, left, bottom
    padding: 8px; of the data
    text-align: left;
    border-bottom: 1px solid;
    tr:hover {background-color: coral;} To highlight table rows on mouse over:

    EXAMPLE TABLE
    <!DOCTYPE html>
    <html>
    <head>
    <title>table</title>
    <link rel=”stylesheet” href=”sample.css”>
    </head>
    <body>
    <table>
    <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    </tr>
    <tr>
    <td>Eugene</td>
    <td>Rivera</td>
    </tr>
    <tr>
    <td>Gabriel</td>
    <td>Torres</td>
    </tr>
    <tr>
    <td>Rafael</td>
    <td>Galvan</td>
    </tr>
    </table>
    </body>
    </html>

    You might also like