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
