CSS是前端开发中非常重要的一部分，可以控制页面中各种元素的样式。其中，CSS的选择器非常重要，使用选择器可以选中不同类型的元素，并对其进行样式操作。今天我们要介绍的是使用CSS实现一个按钮关闭一个块。

首先，在HTML中需要准备一个按钮和一个需要关闭的块：

<button id="btn">关闭块</button>
<div id="block">
<p>这是需要关闭的块</p>
</div>

接下来，在CSS中我们需要使用选择器来选中这个按钮和需要关闭的块。假设我们设置了一个id为“btn”的按钮和一个id为“block”的块，那么对应的CSS代码如下：

#block{
display:block;
}
#btn{
cursor:pointer;
}

其中，display属性设置为block是因为我们需要将块显示出来，而cursor属性设置为pointer是为了让鼠标移动到按钮上时变成手形光标。

接下来使用CSS添加一些交互效果，当用户点击按钮时，将块隐藏起来。代码如下：

#btn:focus ~ #block{
display:none;
}

这里使用了“~”选择器，表示当按钮获得焦点后的兄弟块。也就是说，当用户点击按钮时，按钮会获得焦点，这时就会选中需要隐藏的块，并将其display属性设置为none，达到关闭块的效果。

最后，我们需要将按钮样式修改一下，让它看起来更像一个关闭按钮。代码如下：

#btn:before{
content:"x";
font-size:20px;
font-weight:bold;
color:#333;
background-color:#fff;
border:1px solid #333;
border-radius:50%;
padding:5px;
}

使用:before伪元素添加一个“x”，并设置一些样式，让按钮看起来更像一个关闭按钮。

到这里，一个使用CSS实现按钮关闭块的效果就完成了。通过选择器和伪元素的使用，我们可以实现很多精美的交互效果。