CSS 闲着无聊读一读，不知不觉学会CSS
这是一个关于CSS的系列文章，我们将通过简单的例子来教学CSS的基本知识。这是第一部分的示例代码：
/* 设置body的字体和背景色 */
body {
font-family: Arial, sans-serif;
background-color: #f8f8f8;
}
/* 设置.container的外边距 */
.container {
margin: 20px;
}
/* 设置h1的字体大小和颜色 */
h1 {
font-size: 24px;
color: #333;
}
/* 设置.button的颜色、边框、内边距和光标效果 */
.button {
color: white;
background-color: #007bff;
border: none;
padding: 10px 20px;
cursor: pointer;
}
/* 设置.button在悬停时的背景色 */
.button:hover {
background-color: #0056b3;
}这段代码展示了如何使用CSS设置基本的页面样式，包括字体、背景色、边距、字体颜色、按钮样式等。通过这样的示例，读者可以快速了解到CSS的基本使用方法。
评论已关闭