CSS Structured Content

Links¹

<a href="https://www.w3schools.com">This is a link</a>

a {
    color: blue;
    text-decoration: none;
    cursor: pointer;
}

• a:link - unvisited link
• a:visited - visited link
• a:hover - mouse over link
• a:active - selected link

Lists²

<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ul>

• ul - unordered list
• ol - ordered list

ul {
    list-style-type: square;
}

Tables³

<table>
    <tr>
        <th>A</th>
        <th>B</th>
        <th>C</th>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>

table {
    border-collapse: collapse;
    width: 100%;
}

th,
td {
    border: 1px solid #ddd;
    padding: 8px;
}

th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4caf50;
    color: white;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

tr:hover {
    background-color: #ddd;
}

Forms

Images

Iframes

---

1. CSS Links ↩

2. CSS Lists ↩

3. CSS Tables ↩

---