最新下载
热门教程
- 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:
| 代码如下 | 复制代码 |
| |
|
相关文章
- 消逝的光芒困兽D4藏宝图宝藏怎么获得 D4藏宝图宝藏获取攻略 10-10
- 我的世界粗铜块怎么获得 粗铜块获取方法介绍 10-10
- 消逝的光芒困兽支线疯狂杀戮第三章流程攻略 支线疯狂杀戮第三章怎么过 10-10
- 消逝的光芒困兽A1藏宝图宝藏在哪 A1藏宝图宝藏获取攻略 10-10
- 我的世界粗铁块怎么获得 粗铁块获取方法介绍 10-10
- 我的世界下界合金块怎么获得 下界合金块获取方法介绍 10-10