在线css

/* 示例 CSS 代码 */
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    color: #333;
    margin: 0;
    padding: 20px;
}

h1 {
    color: #007BFF;
    text-align: center;
}

.container {
    max-width: 800px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

button {
    background-color: #007BFF;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
}

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

解释说明：

• body: 设置了全局的字体、背景颜色、文字颜色以及页面的边距和内边距。
• h1: 设置了标题的颜色和居中对齐。
• .container: 定义了一个容器，设置了最大宽度、居中显示、背景颜色、内边距、圆角和阴影效果。
• button: 设置了按钮的样式，包括背景颜色、文字颜色、无边框、内边距、鼠标指针样式和圆角。
• button:hover: 当鼠标悬停在按钮上时，改变按钮的背景颜色。

如果你需要更多示例或有其他问题，请告诉我！