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 阅读 11 次 更新于 2025-07-20 08:13:23 我来答关注问题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怎么实现一个圆盘(类环形图)?

    html和css在做页面布局时，如同拼图，层层嵌套，块块相连。从html元素的结构看，我们能明白，布局是层层叠叠的。虽然我们只能从网页的正面观察，但从视觉上，它呈现出平面效果。通过这个原理，我们可以自由组合出所需的图案。考虑不同层的面积大小，合拼后的图像仅会展示最顶层及未被遮挡的部分。运用此...

  • nestazsl html css 还是PS 做出来这样的效果,蒙了一层有色玻璃一样

    遮罩层效果。。。在图片上添加了个层，然后把背景色设置成透明。。。大致就这样。。。test{ background-color:#000} test span{ color:#fff;zoom:1 /*触发IE下块级元素*/ filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;} 前景色透明度 ...

  • 腾云新分享 如何用HTML+CSS创建一个HTML文档

    标签定义了页面主体内容，标签中的文本会根据CSS样式规则显示。上述示例中的CSS样式在标签内的标签中定义，也可以将CSS样式单独保存为一个.css文件，然后在HTML文档中通过标签引入。这样可以使得HTML代码更加整洁，易于维护。此外，还可以使用内联样式，直接在HTML标签中通过st...

  • 翡希信息咨询 如何在html中添加css样式

    通过HTML元素的style属性添加内联样式：直接在HTML元素的style属性中定义CSS样式。示例：html这是一个标题推荐使用外部CSS文件： 外部CSS文件可以使HTML文件更加简洁，并且便于管理和维护。 通过外部CSS文件，你可以在不同的HTML文件中共享相同的样式，从而...

其他CSS类似问题

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

CSS相关话题

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