我簡單寫了個(gè)例子,可以參考一下

<!DOCTYPE html><html lang=&#34;en&#34;><head" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > 用HTML怎樣才能做這樣一個(gè)網(wǎng)頁?。恐饕欢甴eader里文字間距咋弄，下邊日期怎

用HTML怎樣才能做這樣一個(gè)網(wǎng)頁??？主要不懂header里文字間距咋弄，下邊日期怎

時(shí)間：2024-01-10 07:54:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2024-01-10 07:54:01 來源：網(wǎng)站運(yùn)營

用HTML怎樣才能做這樣一個(gè)網(wǎng)頁??？主要不懂header里文字間距咋弄，下邊日期怎樣排？：header通過浮動(dòng)a標(biāo)簽float:left,日期也相同flaot:right

我簡單寫了個(gè)例子,可以參考一下

<!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="#">財(cái)經(jīng)</a> <a href="#">科技</a> <a href="#">手機(jī)</a> <a href="#">數(shù)碼</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="">災(zāi)難發(fā)生后該不該禁播娛樂節(jié)目</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="">災(zāi)難發(fā)生后該不該禁播娛樂節(jié)目</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="">災(zāi)難發(fā)生后該不該禁播娛樂節(jié)目</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="">災(zāi)難發(fā)生后該不該禁播娛樂節(jié)目</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>

關(guān)鍵詞：文字,日期,才能,怎樣

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉