---
# System prepended metadata

title: css常用樣式
tags: [Html 選擇器]

---

# css常用樣式
###### tags: `Html 選擇器`
![](https://i.imgur.com/n5VrAiI.png)

![](https://i.imgur.com/xt9QmoW.png)

![](https://i.imgur.com/dAaEvOJ.png)
![](https://i.imgur.com/iQr6egc.png)

```htmlembedded=
<head>
    <meta charset="UTF-8">
    <title>06-css常用样式.html</title>
    <style TYPE="text/css">
        div{
            color: red;
            border: 1px yellow solid;
            width: 300px;
            height: 300px;
            background-color: green;
            font-size: 30px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }
        a{
            text-decoration:none;
        }

        table{
            border: 1px red solid;
            border-collapse: collapse;
        }
        td{
            border: 1px red solid;
        }
        li{
            list-style: none;
        }
    </style>
</head>
<body>
    <ul>
        <li>1.1</li>
        <li>1.2</li>
        <li>1.3</li>
        <li>1.4</li>
    </ul>
    <table>
        <tr>
            <td>1.1</td>
            <td>1.2</td>
        </tr>
    </table>
    <a href="https://www.google.com/">股溝</a>
    <div>我是div標籤</div>
</body>
```
![](https://i.imgur.com/UdYGuOl.png)
