ul没有小黑点,究竟是哪里的问题?
晚上写页面的时候发现ul中没有小黑点,反复检查代码也没有发现问题,求大手子解决一下!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>哈药</title>
<link rel="stylesheet" type="text/css" href="./css/hayao.css"/>
</head>
<body>
<div id="app">
<!-- 头部 -->
<div id="d1">
<div id="d1_1">
<img src="img/00.png" >
</div>
<div id="d1_2">
<a href="">简体</a>
<a id="zhong" href="">繁体</a>
<a href="">English</a><br>
<input type="text" />
</div>
</div>
<!-- 导航 -->
<div id="d2">
<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>
<li><a href="">人才招聘</a></li>
<li><a href="">合作交流</a></li>
</ul>
</div>
</div>
</body>
</html>
*{
margin: 0px;
padding: 0px;
}
a{
text-decoration: none;
}
#app{
width: 1536px;
margin: auto;
}
/* 头部 */
#d1{
width: 980px;
height: 90px;
margin: auto;
display: table;
/* background-color: red; */
}
#d1_1{
width: 400px;
height: 90px;
display: table-cell;
vertical-align: middle;
/* background-color: #999999; */
}
#d1_2{
display: inline-block;
/* background-color: #7575A0; */
width: 300px;
height: 90px;
display: table-cell;
vertical-align: middle;
text-align: right;
}
#d1_2>a{
color: #747474;
padding: 0px 2px;
display: inline-block;
}
#d1_2>a:hover{
color: red;
}
#d1_2>input{
width: 136px;
}
#zhong{
border-left: 1px solid black;
border-right: 1px solid black;
}
/* 导航 */
#d2{
height: 40px;
line-height: 40px;
text-align: center;
background-color: red;
}
/* ul并没有出现小黑点 */
#d2 ul li{
display: inline-block;
}
#d2>ul>li>a{
color: white;
padding: 0px 25px;
}