一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > css教程 > 样式布局

推荐专题

最新下载

1

基古龙
56.33MB 类型： 休闲益智
2

操控人生免广告
126.33MB 类型： 休闲益智
3

卵生猫之星际海贼团内置菜单
86.09MB 类型： 休闲益智
4

蒙面猜歌
47.48MB 类型： 休闲益智
5

皇家芭比公主化妆游戏
109.64MB 类型： 休闲益智
6

萌宠娃娃机无广告版
135.56MB 类型： 休闲益智
7

寻梦小镇公主游戏
88.71MB 类型： 休闲益智
8

机甲变异争霸
86.10MB 类型： 射击枪战
9

拔腿毛模拟最新版
36.94MB 类型： 休闲益智
10

怪物工厂3内置MOD菜单
41.12MB 类型： 休闲益智

热门教程

1

诛仙2鬼王怎么加点鬼王加点推荐
时间：2025-08-20 类型： 游戏攻略
2

诛仙2见影灵泉奇遇任务怎么做见影灵泉奇遇任务流程攻略
时间：2025-08-20 类型： 游戏攻略
3

三国天下归心诸葛亮怎么样诸葛亮技能介绍一览
时间：2025-08-20 类型： 游戏攻略
4

三国天下归心追击队怎么玩追击队玩法教学
时间：2025-08-20 类型： 游戏攻略
5

三国天下归心武将怎么获得武将获取方法
时间：2025-08-20 类型： 游戏攻略
6

星痕共鸣剧毒蜂巢怎么获取剧毒蜂巢获取攻略
时间：2025-08-20 类型： 游戏攻略
7

新三国志曹操传李儒之影怎么打李儒之影打法教学
时间：2025-08-20 类型： 游戏攻略
8

辉烬队伍怎么搭配配队攻略指南
时间：2025-08-20 类型： 游戏攻略
9

创造吧我们的星球种田玩法怎么玩种田玩法介绍一览
时间：2025-08-20 类型： 游戏攻略
10

华夏千秋怎么表白表白方法一览
时间：2025-08-20 类型： 游戏攻略

用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:

代码如下	复制代码
2005年5月30日新闻标题01 2005年5月30日新闻标题02 2005年5月30日新闻标题03 2005年5月30日新闻标题04

相关文章

热门栏目