帮我写一个好看的信息框div 和 一个好看的样式的表格的html及样式

好的，以下是一个简单的信息框和一个样式漂亮的表格的代码：

信息框的HTML和CSS代码：

<div class="info-box">
  <h2>标题</h2>
  <p>这里是信息框的内容。</p>
</div>

.info-box {
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
}

.info-box h2 {
  color: #333;
  font-size: 24px;
  margin-top: 0;
}

.info-box p {
  color: #666;
  font-size: 16px;
  margin-bottom: 0;
}

表格的HTML和CSS代码：

<table class="styled-table">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>行1列1</td>
      <td>行1列2</td>
      <td>行1列3</td>
    </tr>
    <tr>
      <td>行2列1</td>
      <td>行2列2</td>
      <td>行2列3</td>
    </tr>
  </tbody>
</table>

.styled-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: #333;
  border: 1px solid #ddd;
}

.styled-table thead th {
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

.styled-table tbody td {
  border: 1px solid #ddd;
  padding: 10px;
}

.styled-table tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

你可以根据需要调整样式代码中的颜色、字体大小等属性。