css文件

/* 示例 CSS 文件 */

/* 设置全局字体和背景颜色 */
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
}

/* 设置标题样式 */
h1 {
    color: #333;
    text-align: center;
}

/* 设置段落样式 */
p {
    margin: 10px 0;
    line-height: 1.6;
}

/* 设置链接样式 */
a {
    color: #007BFF;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* 设置按钮样式 */
button {
    padding: 10px 20px;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    background-color: #0056b3;
}

解释说明：

• body: 设置了整个页面的字体为 Arial，并且背景颜色为浅灰色。
• h1: 设置了标题的颜色为深灰色，并居中对齐。
• p: 设置了段落的上下边距和行高，使文本更易读。
• a: 设置了链接的颜色为蓝色，并去掉了下划线。当鼠标悬停时，链接会显示下划线。
• button: 设置了按钮的内边距、背景颜色、文字颜色、圆角以及鼠标悬停时的效果。

如果你需要更多样式的示例或有特定的需求，请告诉我！