css 一般实例

CSS（层叠样式表）是Web设计中非常重要的一部分。它使我们能够将样式应用于HTML文档，并优化网页排版。下面我们将介绍一些常见的CSS实例。

1. 设置文本颜色

    p {
        color: red;
    }

这个例子将段落中的文本颜色设置为红色。你可以使用任何有效的颜色值来修改它，例如指定十六进制颜色码：

    p {
        color: #00ff33;
    }

2. 设置背景颜色

    body {
        background-color: lightblue;
    }

这个例子将整个网页的背景颜色设置为浅蓝色。你也可以使用十六进制颜色码或颜色名称来设置颜色。

3. 设置字体大小

    p {
        font-size: 24px;
    }

这个例子将段落的字体大小设置为24像素。你可以使用一个数值来设置字体大小，并可以使用“px”、“em”或百分数之类的单位。

4. 设置边框

    p {
        border: 1px solid black;
    }

这个例子将段落的边框设置为1像素的黑色实线。你可以修改边框的宽度、样式和颜色。

5. 设置内外边距

    p {
        padding: 10px;
        margin: 20px;
    }

这个例子将段落的内边距设置为10像素，外边距设置为20像素。你可以控制元素的内外边距来改变它们在页面中的位置。

CSS 可以大大提高网站的视觉效果和交互性。以上是一些常见的CSS实例，希望对您有所帮助。