CSS综合案例

最新推荐文章于 2024-07-26 08:00:00 发布

认真学习的宋小姐

最新推荐文章于 2024-07-26 08:00:00 发布

阅读量96

点赞数

分类专栏：笔记文章标签： css html html5

本文链接：https://blog.csdn.net/qq_51946936/article/details/120519315

版权

笔记专栏收录该内容

30 篇文章 2 订阅

订阅专栏

普通导航-效果图

 <style>
       a {
        width: 80px;
        height: 50px;
        background-color: orange;
        display: inline-block;
        text-decoration: none;
        color: #fff;
        text-align: center;
        line-height: 50px;
       } 
        a:hover{
            background-color: rgb(126, 7, 7);
        }
    </style>
<body>
    <a href="#">丁程鑫</a>
    <a href="#">马嘉祺</a>
    <a href="#">张真源</a>
    <a href="#">宋亚轩</a>
    <a href="#">贺俊霖</a>
    <a href="#">严浩翔</a>
    <a href="#">刘耀文</a>
</body>

在这里插入图片描述
鼠标碰到会变成红色

五彩气泡

在这里插入图片描述

认真学习的宋小姐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS综合案例

普通导航-效果图 <style> a { width: 80px; height: 50px; background-color: orange; display: inline-block; text-decoration: none; color: #fff; text-align: center; line-height: 50px;
复制链接

扫一扫