CSS新闻列表制作 .list{ text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: 0px; } .list li{ width: 100%; float..." />
檬味博客 » 问答 » html+css做一个这样子的新闻列表怎么做，大神可以教教我吗

html+css做一个这样子的新闻列表怎么做，大神可以教教我吗

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> CSS新闻列表制作 .list{ text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: 0px; } .list li{ width: 100%; float...
html+css做一个这样子的新闻列表怎么做，大神可以教教我吗
<!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=gb2312" /> <title>CSS新闻列表制作</title> <style type="text/css"> .list{ text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: 0px; } .list li{ width: 100%; float:left;clear:left;} .list li a{ color: #777777; display: block; text-decoration:none;} .list li a:hover{ color: #336699; } b{margin-right:10px;}</style> </head> <body> <ul class=list> <li><a href="#"><b>新闻标题01</b>2007年12月21日</a></li> <li><a href="#"><b>新闻标题02</b>2007年12月21日</a></li> <li><a href="#"><b>新闻标题03</b>2007年12月21日</a></li> <li><a href="#"><b>新闻标题04</b>2007年12月21日</a></li> </ul> </body> </html>当然您可以添加一些特效喽
2015-05-23
用ul li来布局结构，然后通过css调整宽度、字体、颜色等等即可2015-05-23
mengvlog 阅读 41 次 更新于 2025-09-08 09:11:33 我来答关注问题0
2 个回答檬味博客专题活动
  • 拉风的小大哥 html+css做一个这样子的新闻列表怎么做,大神可以教教我吗

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> CSS新闻列表...

  • 一万零八颗星星 这个用html和css做出来,不要用id的,鼠标悬停字和图片同时加阴影变色的

    DOCTYPE html>自适应盒子.box{border:1px solid red;float: left;}.left,.middle,.right{width: 200px;height: 300px;margin: 20px;border:1px solid red;float: left;}.left:hover,.middle:hover,.right:hover...

  • lmtcdsuy html css做的导航栏如图1,最底下一个div有高度无宽度背景色灰白色。然后左右边各有一个d

    背景色放错位置了，放到包含的DIV 试一试 width的长度改一下 设置border:1px solid #F00;来判断一下问题范围出现在哪 耐心找问题，然后解决问题。

  • 13856077103 如何用html+css制作一个如图的搜素框

    .schbox{float:left;width:100%;padding:6px 0px;text-align:left;line-height:22px;color:#000000;} .schbox span{float:left;width:80px;text-align:right;font-weight:bold;} 关键字：

  • anonymous CSS实现一个效果,当鼠标移上去时,下方出现一张图

    1、首先在netbenas建立一个html文件。2、引入css文件。3、html文件增加一个显示图片层。4、在1.css文件中增加代码。5、看看浏览器图片层效果。6、层里面加一个图片。7、在win10下调用自带的3d画图软件。8、在win10下画图3d软件新建一个画布,画一个画布是184x149尺寸。9、win10自带的3d软件画一个...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部