HTML一級導覽製作

今天分享簡單導覽列的製作方法：

第一步：引入css樣式表，新建一個id為nav的層，使用

nbsp;html>
    
        <meta>
        <title></title>
        <link>
    
    
        <p>
            </p>

第二步設定CSS樣式：

1.設定nav的屬性

#nav{
    width: 500px;
    height: 50px;
    border: 1px solid red;
}

.的點

HTML一級導覽製作

#nav ul{
	list-style: none;
}

3.設定

#nav ul li a{
	width: 98px;
	height: 50px;
	float: left;
	border: 1px solid red;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
}

完整HTML程式碼部分：

#nav ul li a:hover{
	background-color: #ABCDEF;
}

　　完成CSS樣式程式碼部分：

HTML一級導覽製作

nbsp;html>

	
		<meta>
		<title></title>
		<link>
	
	
		<p>
			</p>

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多

相關文章