用HTML和css做一个两行四列的ul li

好的，以下是用 HTML 和 CSS 做一个两行四列的 ul li 的代码：

<ul class="grid">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
</ul>

.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
}

li {
  background-color: #ccc;
  padding: 20px;
  text-align: center;
}

请注意，上面的代码只是一个简单的示例，您可以根据需要进行样式调整。