空の領域

又一个坑爹的神站 大人說:要清爽 要低調

0%

[HTML/CSS]CSS导航栏

image

山寨W3School那个教程的……复习练练手系列……

html部分:

CSS部分:

body {
margin:0;
padding: 0;
}
div {
width: 600px;
margin: 0 auto;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

li {
float:left;
/* display: inline; */
background-color: #bcbcbc;
width:100px;
height:30px;
text-align: center;
}

a {
font-size: 14px;
color: white;
font-weight: bold;
text-decoration: none;
line-height: 30px;
display: block;
}

li a:hover {
background-color: #cc0000;
}

li ul {
display: none;
}

li:hover ul{
display: block;
}

欢迎关注我的其它发布渠道