时间：2024-01-10 07:54:01 | 来源：网站运营
时间：2024-01-10 07:54:01 来源：网站运营
用HTML怎样才能做这样一个网页啊？主要不懂header里文字间距咋弄，下边日期怎样排？：header通过浮动a标签float:left,日期也相同flaot:right
在线咨询
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>新闻</title> <style> *{ padding: 0; margin: 0; } a{ text-decoration: none; } body{ background: #fbfbfb; } .header{ background: #999999; height: 45px; border-radius: 5px; padding: 0 15px; } .header a{ display: block; float: left; color: #f4f0ec; line-height: 45px; padding: 0 20px; } .header .active{ color: #de5a5d; } .body{ margin-top: 10px; } .body > .item{ width: 390px; float: left; padding: 10px; margin-right: 55px; margin-bottom: 20px; } .body > .item .item-title{ font-size: 20px; padding: 10px 0 ; } .body > .item .item-ul .item-ul-li{ margin-bottom: 15px; font-size: 14px; color: #585d69; } .body > .item .item-ul .item-ul-li a{ color: #585d69; } .body > .item .item-ul .item-ul-li a:hover{ border-bottom: 1px solid #de5a5d; color: #de5a5d; } .body > .item .item-ul .item-ul-li .item-ul-li-time{ float: right; color: #585d69; } </style></head><body><div style="padding: 10px 20px"> <div class="header"> <a href="#">首页</a> <a href="#" class="active">新闻</a> <a href="#">体育</a> <a href="#">娱乐</a> <a href="#">财经</a> <a href="#">科技</a> <a href="#">手机</a> <a href="#">数码</a> </div> <div class="body"> <div class="item"> <div class="item-title"> <p>娱乐新闻</p> </div> <div class="item-ul"> <div class="item-ul-li"> <a href="">香港已没有黑帮大家都不想在里面混</a> <p class="item-ul-li-time">2020-03-15</p> </div> <div class="item-ul-li"> <a href="">《碟中谍5》曝外景地花絮</a> <p class="item-ul-li-time">2020-03-15</p> </div> <div class="item-ul-li"> <a href="">灾难发生后该不该禁播娱乐节目</a> <p class="item-ul-li-time">2020-03-15</p> </div> <div class="item-ul-li"> <a href="">多部好莱坞大片登陆中国</a> <p class="item-ul-li-time">2020-03-15</p> </div> </div> </div> <div class="item"> <div class="item-title"> <p>娱乐新闻</p> </div> <div class="item-ul"> <div class="item-ul-li"> <a href="">香港已没有黑帮大家都不想在里面混</a> <p class="item-ul-li-time">2020-03-15</p> </div> <div class="item-ul-li"> <a href="">《碟中谍5》曝外景地花絮</a> <p class="item-ul-li-time">2020-03-15</p> </div> <div class="item-ul-li"> <a href="">灾难发生后该不该禁播娱乐节目</a> <p class="item-ul-li-time">2020-03-15</p> </div> <div class="item-ul-li"> <a href="">多部好莱坞大片登陆中国</a> <p class="item-ul-li-time">2020-03-15</p> </div> </div> </div> <div class="item"> <div class="item-title"> <p>娱乐新闻</p> </div> <div class="item-ul"> <div class="item-ul-li"> <a href="">香港已没有黑帮大家都不想在里面混</a> <p class="item-ul-li-time">2020-03-15</p> </div> <div class="item-ul-li"> <a href="">《碟中谍5》曝外景地花絮</a> <p class="item-ul-li-time">2020-03-15</p> </div> <div class="item-ul-li"> <a href="">灾难发生后该不该禁播娱乐节目</a> <p class="item-ul-li-time">2020-03-15</p> </div> <div class="item-ul-li"> <a href="">多部好莱坞大片登陆中国</a> <p class="item-ul-li-time">2020-03-15</p> </div> </div> </div> <div class="item"> <div class="item-title"> <p>娱乐新闻</p> </div> <div class="item-ul"> <div class="item-ul-li"> <a href="">香港已没有黑帮大家都不想在里面混</a> <p class="item-ul-li-time">2020-03-15</p> </div> <div class="item-ul-li"> <a href="">《碟中谍5》曝外景地花絮</a> <p class="item-ul-li-time">2020-03-15</p> </div> <div class="item-ul-li"> <a href="">灾难发生后该不该禁播娱乐节目</a> <p class="item-ul-li-time">2020-03-15</p> </div> <div class="item-ul-li"> <a href="">多部好莱坞大片登陆中国</a> <p class="item-ul-li-time">2020-03-15</p> </div> </div> </div> </div></div></body></html>关键词：文字,日期,才能,怎样
