css

作者：°妮可罗宾发布日期:2025-08-01 浏览:76

/* 示例代码：简单的 CSS 样式 */

body {
    font-family: Arial, sans-serif; /* 设置整个页面的字体 */
    background-color: #f0f0f0; /* 设置背景颜色 */
    margin: 0;
    padding: 0;
}

h1 {
    color: #333; /* 设置标题颜色 */
    text-align: center; /* 居中对齐标题 */
}

.container {
    width: 80%; /* 设置容器宽度 */
    margin: 0 auto; /* 水平居中容器 */
    padding: 20px;
    background-color: #fff; /* 设置容器背景颜色 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}

解释说明：

body：设置了页面的整体样式，包括字体、背景颜色以及去除默认的外边距和内边距。
h1：设置了标题的颜色和对齐方式。
.container：定义了一个类选择器，用于创建一个居中的容器，并设置了宽度、内边距、背景颜色和阴影效果。

下一篇：css选择器