W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> div { box-sizing: border-box; padding: 16px; width: 100%; background-color: red; color: #fff; } .closebtn { float: right; font-size: 30px; font-weight: bold; cursor: pointer; } .closebtn:hover { color: #000; } </style> </head> <body> <div> <span onclick="this.parentElement.style.display = 'none';" class="closebtn">×</span> <p>如需关闭此容器，请单击右侧的 X 符号。</p> </div> </body> </html>