css编辑器

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

/* 设置页面背景颜色 */
body {
    background-color: #f0f0f0;
}

/* 设置标题样式 */
h1 {
    color: #333;
    font-family: Arial, sans-serif;
    text-align: center;
}

/* 设置段落文本样式 */
p {
    font-size: 16px;
    line-height: 1.5;
    margin: 20px;
    text-indent: 2em;
}

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

/* 悬停时改变按钮颜色 */
button:hover {
    background-color: #0056b3;
}

解释说明：

• body：设置整个页面的背景颜色为浅灰色。
• h1：设置一级标题的颜色、字体和居中对齐。
• p：设置段落的字体大小、行高、外边距和首行缩进。
• button：设置按钮的背景颜色、文字颜色、内边距、边框样式、圆角和鼠标悬停效果。
• button:hover：当用户将鼠标悬停在按钮上时，按钮的背景颜色会变为更深的蓝色。

如果你需要更多样式的示例或特定功能的实现，请告诉我！