html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8">5
<title>时代Java与您共同学习(NowJava.com)</title>6
<style>7
ul {8
list-style-type: none;9
margin: 0;10
padding: 0;11
width: 200px;12
background-color: #f1f1f1;13
border: 1px solid #555;14
}15
16
li a {17
display: block;18
color: #000;19
padding: 8px 16px;20
text-decoration: none;21
}22
23
li {24
text-align: center;25
border-bottom: 1px solid #555;26
}27
28
li:last-child {29
border-bottom: none;30
}31
32
li a.active {33
background-color: #4CAF50;34
color: white;35
}36
37
li a:hover:not(.active) {38
background-color: #555;39
color: white;40
}41
</style>42
</head>43
<body>44
45
<h2>垂直导航条</h2>46
<p>以下实例让每个链接居中，并给每个列表选项添加边框。</p>47
48
<ul>49
<li><a class="active" href="#home">主页</a></li>50
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java