Fork me on GitHub

HTML5

第一次接触HTML5有些自己的成果想与大家分享
1.ch01HTML+CSS基础项目
“
下面的是我第一次做网页的代码。

<head>
    <meta charset="utf-8">
    <title>导航栏菜单的设计与实现</title>
    <style>
        ul {
            list-style: none;/*用于去掉列表标记实心点*/
            margin: 0;
            padding: 0;
        }		
        li {
            float: left;
        }
        a:link, a:visited {
            display: block;/*设置为块级元素*/
            width: 100px;/*设置宽度为100像素*/
            font-weight: bold;/*设置字体为加粗*/
            color: white;/*设置字体为白色*/
            background-color:#5AF;/*设置背景颜色为蓝色*/
            text-align: center;/*设置文本居中显示*/
            padding: 5px;/*设置各边内边距为5像素*/
            text-decoration: none;/*去掉文本下划线*/
        }
        a:hover, a:active {
            background-color:#006FDD;
        }
    </style>
</head>
<body>
    <h3>导航栏菜单的设计与实现</h3>
    <hr />
	<!--导航栏-->
    <nav>
        <ul>
            <li><a href="#">头条</a></li>
			<li><a href="#">娱乐</a></li>
            <li><a href="#">热点</a></li>
            <li><a href="#">体育</a></li>
            <li><a href="#">财经</a></li>
            <li><a href="#">科技</a></li>
        </ul>
    </nav>
</body>

运行结果

posted @ 2022-02-21 18:22  sxflmy  阅读(36)  评论(0)    收藏  举报