最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
用DIV+CSS实现网页排版中新闻列表的制作方法
时间：2022-07-02 12:48:44 编辑：袖梨 来源：一聚教程网
CSS代码:
| 代码如下 | 复制代码 |
| .list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: 0px; } .list li{ background: url(/news/images/line.gif) repeat-x bottom; /*列表底部的虚线*/ width: 100%; } .list li a{ color: #777777; display: block; padding: 6px 0px 4px 15px; background: url(/news/images/dot.gif) no-repeat 0 6px; /*列表左边的箭头图片*/ } .list li span{ float: right;/*使span元素浮动到右面*/ text-align: right;/*日期右对齐*/ } .list li a:hover{ color: #336699; background: url(/news/images/dot2.gif) repeat-x bottom; } |
|
注意:span一定要放在前面,反之会产生换行
XHTML:
| 代码如下 | 复制代码 |
| |
|
相关文章
- 快手如何置顶作品 05-09
- 桃源深处有人家花艺谱市珍物品制作方式配方 05-09
- 纽曼M560怎么使用 05-09
- 酒馆战棋S13小饰品锈蚀的三叉戟强不强 05-09
- 无尽花界2026公测最新真实可用兑换码 05-09
- 智慧中小学平台如何修改个人信息 05-09