Home > Article > Web Front-end > list-style-type:none,为什么列表还显示项目符号?_html/css_WEB-ITnose
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css"> <!--float:value;left:设置元素漂浮到父级容器的左侧;right:右侧;none:不设置漂浮。--> #menu li{ float:left; width:100px; height:20px; text-align:center; list-style-type:none; background-color:#3cf; } #menu li a{ text-decoration:non;/**/ } #menu li:hover{ text-decoration:line-through; background-color:#3f9; }</style><title>无标题文档</title></head><body> <ul id="menu"> <li><a href="#">首页</a></li> <li><a href="#">博客</a></li> <li><a href="#">日记</a></li> </ul></body></html>
那句注释别写
可自行搜索 html css js的注释写法,别搞混了
改成
/*float:value;left:设置元素漂浮到父级容器的左侧;right:右侧;none:不设置漂浮。*/