CSS代码写一个网页，有留言板可以留言

好的，这是一个简单的 CSS 留言板示例：

/* 给整个留言板添加样式 */
.message-board {
  width: 500px;
  margin: 0 auto;
  background-color: #eee;
  border-radius: 5px;
}

/* 给每条留言添加样式 */
.message {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

/* 给留言的作者添加样式 */
.message .author {
  font-weight: bold;
}

/* 给留言的内容添加样式 */
.message .content {
  color: #666;
}

/* 给留言的时间戳添加样式 */
.message .timestamp {
  font-size: 12px;
  color: #999;
}

/* 给留言输入框添加样式 */
.message-input {
  display: flex;
  align-items: center;
  padding: 10px;
  border-top: 1px solid #ccc;
}

/* 给留言输入框中的文本框添加样式 */
.message-input input[type="text"] {
  flex-grow: 1;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* 给留言输入框中的按钮添加样式 */
.message-input button[type="submit"] {
  padding: 5px 10px;
  background-color: #3366cc;
  border: none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

这些样式可以应用到如下 HTML 代码中：

<div class="message-board">
  <!-- 留言1 -->
  <div class="message">
    <div class="author">张三</div>
    <div class="content">这是一条留言</div>
    <div class="timestamp">2022-01-01 12:00:00</div>
  </div>
  <!-- 留言2 -->
  <div class="message">
    <div class="author">李四</div>
    <div class="content">这是另一条留言</div>
    <div class="timestamp">2022-01