css一个按钮关闭一个块

CSS是一种常用的网页样式设计技术，可以实现各种各样的效果，包括通过按钮来关闭一个网页块。以下是一个简单的示例：

<style>
.block {
  display: block;
  background-color: lightblue;
  border: 1px solid gray;
  padding: 10px;
}

.button {
  background-color: lightgray;
  border: 1px solid gray;
  padding: 5px 10px;
  cursor: pointer;
}

.hide {
  display: none;
}
</style>

<div class="block">
  <p>这是一个网页块。</p>
  <p>点击下面的按钮可以关闭它：</p>
  <button class="button" onclick="document.querySelector('.block').classList.add('hide')">关闭</button>
</div> 

在上述代码中，我们首先定义了一个样式名为block的网页块，并且给它设置了一些基本的样式，比如背景颜色、边框、内边距等等。

然后，我们定义了一个样式名为button的按钮，并且给它设置了一些基本的样式，比如背景颜色、边框、内边距等等。此外，我们还给这个按钮设置了一个onclick事件，当用户点击这个按钮时，就会执行一个JavaScript代码。

这个JavaScript代码通过document.querySelector('.block')来获取到我们前面定义的那个网页块，然后调用classList.add('hide')方法将这个网页块的样式修改为hide，这是一个名为hide的样式，它的display属性被设置为none，也就是说这个网页块会被隐藏。

因此，当用户点击这个按钮时，就会关闭这个网页块。