HTML+CSS:鼠标悬停

最新推荐文章于 2024-01-26 09:40:14 发布

gyypwrs

最新推荐文章于 2024-01-26 09:40:14 发布

阅读量2.3k

点赞数

分类专栏：动画文章标签： css3 css html html5

本文链接：https://blog.csdn.net/gyypwrs/article/details/107404061

版权

跟着up主码小渣学习（无改动）
效果
在这里插入图片描述
HTML：

<!doctypehtml>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <title>mousedown!</title>
        <link rel="stylesheet" href="mousedown.css">
    </head>
    <body>
        <div class="main" >
            <div class="item">
                <div class="info">
                    <h3>use what you have</h3>
                    <p>by Angela Ducan <a href="#">
                        view on more</a></p>
                </div>
            </div>
             <div class="item">
                <div class="info">
                    <h3>use what you have</h3>
                    <p>by Angela Ducan <a href="#">
                        view on more</a></p>
                </div>
            </div>
             <div class="item">
                <div class="info">
                    <h3>use what you have</h3>
                    <p>by Angela Ducan <a href="#">
                        view on more</a></p>
                </div>
            </div>
        </div>
    </body>
</html>

CSS:

*{
   
    margin: 0;
    padding

最低0.47元/天解锁文章

gyypwrs

关注

0
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
HTML+CSS:鼠标悬停

跟着up主码小渣学习（无改动）效果HTML：<!doctypehtml><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>mousedown!</title> <
复制链接

扫一扫

专栏目录