css简单代码

以下是一个简单的CSS代码示例：

/* 设置页面背景颜色为白色 */
body {
  background-color: white;
}

/* 设置标题的字体颜色为红色 */
h1 {
  color: red;
}

/* 设置段落的字体大小为14像素 */
p {
  font-size: 14px;
}

/* 设置链接的颜色为蓝色，并去除下划线 */
a {
  color: blue;
  text-decoration: none;
}

/* 设置按钮的背景颜色为绿色，字体颜色为白色 */
.button {
  background-color: green;
  color: white;
}

这些代码演示了如何设置页面背景颜色、标题颜色、段落字体大小、链接样式和按钮样式。你可以根据自己的需求进行修改和扩展。

当然，我可以。以下是更多的CSS代码示例：

/* 设置一个带有边框的盒子 */
.box {
  width: 200px;
  height: 200px;
  border: 1px solid black;
}

/* 设置一个带有阴影效果的盒子 */
.shadow-box {
  width: 200px;
  height: 200px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

/* 设置一个带有圆角的按钮 */
.rounded-button {
  border-radius: 5px;
}

/* 设置一个带有渐变背景色的盒子 */
.gradient-box {
  background: linear-gradient(to right, red, yellow);
}

/* 设置一个带有动画效果的元素 */
@keyframes slide-in {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

.slide-in-element {
  animation: slide-in 1s ease-in-out;
}

这些代码演示了如何创建带有边框的盒子、阴影效果的盒子、圆角按钮、渐变背景色的盒子以及动画效果的元素。你可以根据自己的需求进行修改和扩展。