HTML+CSS练习鼠标悬停效果

原创已于 2024-05-31 01:26:14 修改 · 349 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #css #css3

于 2024-05-04 15:31:42 首次发布

前端专栏收录该内容

9 篇文章

订阅专栏

本文介绍了HTML、CSS和JavaScript这三种基础的Web开发技术，以及在现代前端开发中常用的框架Vue和React，展示了它们在网页设计中的应用和重要性。

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
    <style>
       a{
        width: 200px;
        height: 80px;
        background-color: #3064bb;
        display: block;
        text-align: center;
        line-height: 80px;
        text-decoration: none;
        color: white;
        font-size: 18px;
       }
       a:hover{
        color: aqua;
        background-color: rgb(100, 147, 216);
       }
     </style>
</head>
<body>
    <a href="#">HTML</a>
    <a href="#">css</a>
    <a href="#">js</a>
    <a href="#">vue</a>
    <a href="#">react</a>
</body>
</html>