响应式web开发chapter1/dem01

庒

已于 2022-03-03 12:47:11 修改

阅读量153

点赞数

文章标签： html5

于 2022-02-24 16:30:24 首次发布

本文链接：https://blog.csdn.net/weixin_54042448/article/details/123114964

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>庄文烨</title>
    </head>
    <body>
        <!--这是注释-->
        <nav>
            <u1>
                <li><a href="#">Java EE教程</a></li>
                <li><a href="#">Android教程</a></li>
                <li><a href="#">PHP教程</a></li>
                <li><a href="#">UI设计教程</a></li>
                <li><a href="#">iOS教程</a></li>
                <li><a href="#">Web前端教程</a></li>
                <li><a href="#">C/C++教程</a></li>
            </u1>
        </nav>
        <style type="text/css">
            /*设置导航栏样式*/
            nav {
                width: 300px;
            }            /*设置导航栏中每一项的样式*/
            li {
                background-color: rgba(13, 127, 165, 0.753);
            }
            /*鼠标悬停时背景颜色为#0099E5 */
            li:hover {
                background: #00e51f;
            }
            /*设置超链接的样式*/
            a{
                text-decoration:none;
                display:block;
                color:  rgb(255, 2, 2);
                height:35px;
                padding: 0 38px;
            }
        </style>
    </body>
</html>