HTML 变化的方块代码
<!DOCTYPE html> <html> <head> <Meta charset="UTF-8"> <title>HTML 变化的方块代码</title> <style> .square { width: 100px; height: 100px; background-color: #000; } .square:hover { background-color: #fff; } </style> </head> <body> <div class="square"></div> </body> </html>
上面的代码展示了一个 HTML 变化的方块,通过 CSS 的 hover 伪类来实现鼠标悬停时背景颜色的变化。使用 div 标签来创建方块,通过 class 属性来添加样式。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。