纯css关闭按钮代码

CSS   2025-02-16 16:34   78   0  

CSS 关闭按钮通常用于网页上的模态框(Modal)、弹出窗口或通知栏等,允许用户通过点击按钮来关闭这些界面元素。下面是一个简单的 CSS 关闭按钮的示例代码:

<button class="close-btn">X</button>


CSS:

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: #333;
}

.close-btn:hover {
  color: #666;
}


来源:https://cloud.tencent.com/developer/information/css%E5%85%B3%E9%97%AD%E6%8C%89%E9%92%AE%E4%BB%A3%E7%A0%81

博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。