css+html的问题
想做成这样的效果可是我做的没有日期没有对齐，内容没有下划线。原码如下：<style>a{text-decoration:none;}.menu_rightnews_lis...
想做成这样的效果
可是我做的没有日期没有对齐，内容没有下划线。原码如下：
<style>
a{ text-decoration:none;}
.menu_right news_list_h1{display:inline; float:left;}
.menu_right news_list_h1 li{ border-bottom:#e5e5e5 solid 1px; position:relative;font-size:18px; line-height: 20px; width:500px;}
.menu_right news_list_h1 li b{ width:11px; height:11px; background:url(../images/bt2_r3_c2.gif) no_repeat;}
.menu_right news_list_h1 li span{ float:right;}
</style>
</head>
<body>
<div class="menu_right">
<ul class="tab_bd">
<li style="display:list-item;">
<ul class="news_list_h1">
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-31</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-26</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-25</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-22</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-21</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b> 新闻内容新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-21</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-20</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-20</span></li>
</ul>
</li>
</ul>
</div>
求大神指点！！！
感觉我的span标签的css没有用到，代码有好多问题，自己找不到，着急。。。 展开
可是我做的没有日期没有对齐，内容没有下划线。原码如下：
<style>
a{ text-decoration:none;}
.menu_right news_list_h1{display:inline; float:left;}
.menu_right news_list_h1 li{ border-bottom:#e5e5e5 solid 1px; position:relative;font-size:18px; line-height: 20px; width:500px;}
.menu_right news_list_h1 li b{ width:11px; height:11px; background:url(../images/bt2_r3_c2.gif) no_repeat;}
.menu_right news_list_h1 li span{ float:right;}
</style>
</head>
<body>
<div class="menu_right">
<ul class="tab_bd">
<li style="display:list-item;">
<ul class="news_list_h1">
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-31</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-26</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-25</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-22</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-21</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b> 新闻内容新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-21</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-20</span></li>
<li><a href="#" title="新闻内容新闻内容新闻内容新闻内容新闻内容"><b><img src="images/bt2_r3_c2.gif" /></b>新闻内容新闻内容新闻内容新闻内容新闻内容</a><span>2015-08-20</span></li>
</ul>
</li>
</ul>
</div>
求大神指点！！！
感觉我的span标签的css没有用到，代码有好多问题，自己找不到，着急。。。 展开
展开全部
你只要把css中news_list_h1前加个点就好 .news_list_h1
也就是
.menu_right .news_list_h1{display:inline; float:left;}
.menu_right
.news_list_h1 li{ border-bottom:#e5e5e5 solid 1px;
position:relative;font-size:18px; line-height: 20px; width:500px;}
.menu_right .news_list_h1 li b{ width:11px; height:11px; background:url(../images/bt2_r3_c2.gif) no_repeat;}
.menu_right .news_list_h1 li span{ float:right;}
记得给个采纳
也就是
.menu_right .news_list_h1{display:inline; float:left;}
.menu_right
.news_list_h1 li{ border-bottom:#e5e5e5 solid 1px;
position:relative;font-size:18px; line-height: 20px; width:500px;}
.menu_right .news_list_h1 li b{ width:11px; height:11px; background:url(../images/bt2_r3_c2.gif) no_repeat;}
.menu_right .news_list_h1 li span{ float:right;}
记得给个采纳
追问
谢谢您
追答
不客气 你要记得 那个news_list_h1是个类名 所以前面肯定要加点的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
