我在将CSS添加到UL时遇到了问题,但仍然出现了要点。
这是我的HTML代码
<div id="menu">
<ul>
<li><a href="contact_us.htm"> تماس با ما</a></li>
<li><a href="about_us.htm">درباره ما</a></li>
<li><a href="Archive_Video.htm"> آرشیو ویدئو</a></li>
<li><a href="Archive_Songs.htm">آرشیو سرودها و منابع پرستشی</a></li>
<li><a href="indexHome.htm">خانه</a></li>
</ul>
</div>
这是我的CSS
<style>
#menu {
width: 780px;
height: 40px;
font-size: 13px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: bold;
text-align: center;
text-shadow: 3px 2px 3px #333333;
background-image: url("images/Menu_Background.jpg");
border-radius: 9px;
}
#menu li {
list-style:none;
list-style-type:none;
display: inline;
padding: 20px;
}
#menu ul {
height: auto;
padding: 8px 0px;
margin: 0px;
}
#menu a {
text-decoration: none;
color: #fff;
padding: 8px 8px 8px 8px;
}
#menu a:hover {
color: #F90;
background-color: none;
}
</style>
我已经阅读了许多其他关于Stackoverflow的论坛和问题,解决方案是添加`list-style-type = none;。但是当我补充说我仍然有同样的问题。
这是我到网站的URL http://khaneyeparastesh.com/indexHomeNew.htm
list-style-type
不是你的问题。输入您在JS小提琴上提供的代码时,没有项目符号。我相信您指的是网站上显示的红色“项目符号”点。这些是这种风格的结果:
li a {background: url(images/bull.gif) 0 7px no-repeat;}
删除它,红色子弹将消失。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句