css 点击关闭按钮 |css字体滑动

.close-button {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
font-weight: bold;
cursor: pointer;
}
.close-button:before {
content: 'X';
}

上述代码就是一个简单的CSS样式，可以使页面上的一个按钮显示为关闭按钮。其中，大家使用了绝对定位将按钮定位在页面的右上角，并使用了before伪元素来添加文字“X”。通过设置字号、字重和鼠标指针，大家让关闭按钮更加醒目且易于点击。

使用CSS实现关闭按钮不仅可以提高网页的美观程度，还可以在用户体验方面起到积极的作用。