日期:2014-05-16  浏览次数:21355 次

我这个样式怎么不起作用?(li标签加下划线)
本帖最后由 skw77210 于 2013-11-20 16:57:07 编辑
想在li标签加个下划线,我看样式写的没问题啊,为什么不出效果呢?


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>
 <style>
.box_2{ width:1200px; margin:0px auto; margin-top:10px;height:700px;}
.box_2 .box_2_1{ width:800px;height:700px;}
.box_2 .box_2_1 .box_2_title{ border-bottom:#3983E5 3px solid;  color:#0066CC; width:800px; font-size:18px; padding-bottom:10px;}
.box_2 .box_2_1 .box_2_title a{ float:right; text-decoration:none; color:#333333; font-size:16px;}
.box_2 .box_2_1 .box_2_1_list{ margin-top:20px; width:800px; overflow:hidden; border:1px solid red;}

.box_2 .box_2_1 .box_2_1_list ul .1_li{ border-bottom:1px solid #CCCCCC;}

 </style>
 <body>
  <!--板块2 -->
<div class="box_2">
<div class="box_2_1">
<p class="box_2_title"><a href="" target="_blank">更多</a><b>旅游线路</b></p>
<div class="box_2_1_list">
<ul>
<li class="1_li">
1
</li>
<li class="1_li">
3
</li>
<li class="1_li">
4
</li>
</ul>
</div>
</div>
</div>
 </body>
</html>


------解决方案--------------------
.1_li{ border-bottom:1px solid #CCCCCC;}

样式不要以数字开头命名