- 浏览: 1596171 次
- 性别:
文章分类
- 全部博客 (2929)
- 非技术 (18)
- Eclipse (11)
- JAVA (31)
- 正则表达式 (0)
- J2EE (4)
- DOS命令 (2)
- WEB前端 (52)
- JavaScript (69)
- 数据库 (8)
- 设计模式 (0)
- JFreechart (1)
- 操作系统 (1)
- 互联网 (10)
- EasyMock (1)
- jQuery (5)
- Struts2 (12)
- Spring (24)
- 浏览器 (16)
- OGNL (1)
- WebService (12)
- OSGi (14)
- 软件 (10)
- Tomcat (2)
- Ext (3)
- SiteMesh (2)
- 开源软件 (2)
- Hibernate (2)
- Quartz (6)
- iBatis (2)
最新评论
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一定要放在前面,反之会产生换行
<ul class="list"> <li><span>2005年5月30日 </span><a href="#">新闻标题01</a></li> <li><span>2005年5月30日 </span><a href="#">新闻标题02</a></li> <li><span>2005年5月30日 </span><a href="#">新闻标题03</a></li> <li><span>2005年5月30日 </span><a href="#">新闻标题04</a></li> </ul>
发表评论
-
15款基于浏览器扩展的WEB开发工具
2009-07-29 08:44 746WEB开发工具的使用已经 ... -
WEB 服务器调试利器 -- Tamper Data(转)
2009-07-29 08:53 725一. 简介 作为 Firefox 的插件, T ... -
图片和文字放一起,不能居中的解决方法
2009-07-29 14:47 920<td align="center" ... -
深入浅出URL编码
2009-08-11 19:58 612版权声明:如有转载请求,请注明出处: http://blog ... -
【CSS布局.2】绝对定位和相对定位
2009-08-20 15:51 575Absolute ,CSS 中的写法是:positio ... -
【CSS布局.1】盒子模型
2009-08-20 15:51 586例子: .box { width: 200px; ... -
【CSS布局.4】五种CSS布局类型
2009-08-20 15:52 615CSS 布局的五种类型概述 有五种基本布局定位类型可供选择: ... -
区别不同浏览器,CSS hack写法
2009-08-20 16:01 596区别IE6 与FF : backgroun ... -
常用CSS缩写语法总结
2009-08-24 17:55 636使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩 ... -
CSS颜色代码大全
2009-08-25 15:55 822CSS颜色代码大全 FFFF ... -
CSS @import at规则
2009-09-02 10:40 652at规则 HTMLDog指南 > CSS高级指南 &g ... -
彻底弄懂CSS盒子模式之一
2009-09-02 17:05 653前言 如果你想尝试一 ... -
彻底弄懂CSS盒子模式之一
2009-09-02 17:06 590熟悉工作流程 在真正开始工作之前我们脑海中要形成这样一种 ... -
彻底弄懂CSS盒子模式之二
2009-09-02 17:07 580作者:唐国辉 实现原理动画演示:http://www ... -
彻底弄懂CSS盒子模式之三
2009-09-02 17:08 703一、下面请看float的精彩表演,有请。 大 ... -
彻底弄懂CSS盒子模式之五
2009-09-02 17:09 557在本人上一篇教程《彻 ... -
彻底弄懂CSS盒子模式之四
2009-09-02 17:09 653前言 在用CSS控制排版过程中,定位一直被人认为是一个难 ... -
CSS 盒模型
2009-09-02 17:11 572整理自:The CSS Box Model 中文:CSS 盒 ... -
DOM标准与IE的html元素事件模型区别
2009-09-23 13:35 667事件 HTML元素事件是 ... -
15个优秀的第三方 Web 技术集成
2009-09-25 10:13 661在 Web 开发与设计中, ...
相关推荐
css布局模型:流动模型flow,浮动模型float,层模型layer,层模型的绝对定位、相对定位、固定定位,相对定位与绝对定位组合; css弹性盒模型:flex属性,横轴排列,纵轴排列,flex占比; 行内元素水平居中设置; 定...
1 ...1.1. HTML与CSS的关系 4 1.2. 标签 4 ...1.4. head标签 7 1.5. body标签 8 ...2.6. 标签:定义头部区域 11 2.7. 标签:定义底部区域 12 ...13. CSS3布局模型 29 14. flex弹性盒模型 29 15. CSS3样式设置小技巧 29
DIV+CSS布局.html DIV+CSS布局.html div.css 名为div的样式文件。 style.css 名为style的样式文件。 第15章(源代码\第15章) 示例描述:本章演示CSS基础部分知识。 CSS基础.html ...
46.CSS3中边框相关的样式29:22 47.CSS3中的变形功能25:48 48.CSS3中的动画功能36:41 49.布局相关的样式-多栏布局14:41 50.布局相关的样式-盒布局12:16 51.布局相关的样式-弹性盒布局30:26 52.Media Queries 与自适应...
Flex 4:开发RIA 应用...使用Flash Builder 设计布局和样式 .............................................................................................................. 35 设置组件属性 ....................
12.11.3 background-repeat属性... 367 12.11.4 background-attachment属性... 368 12.11.5 background-position属性... 369 12.12 文本属性... 373 12.12.1 word-spacing属性... 373 12.12.2 letter-spacing...
12.11.3 background-repeat属性... 367 12.11.4 background-attachment属性... 368 12.11.5 background-position属性... 369 12.12 文本属性... 373 12.12.1 word-spacing属性... 373 12.12.2 letter-spacing...
12.11.3 background-repeat属性... 367 12.11.4 background-attachment属性... 368 12.11.5 background-position属性... 369 12.12 文本属性... 373 12.12.1 word-spacing属性... 373 12.12.2 letter-spacing...
3.3.4 列表样式... 57 3.3.5表格样式... 60 3.4.6 鼠标样式... 64 3.4.7 滤镜样式... 67 3.4 CSS页面布局... 78 3.4.1 文本对齐... 78 3.4.2盒子模型... 81 3.4.3文字环绕float样式... 85 3.4.4 元素定位......
将样式表编写到外部的CSS文件中,然后通过link标签将外部文件引入 <link rel="stylesheet" type="text/css" href="文件的路径"/> 将样式编写到外部样式表中,可以在不同的页面中使用同一个样式表,完全将表现...
9.3.2 div+CSS布局的缺点 201 9.3.3 何时使用TABLE 202 9.4 一列布局 203 9.4.1 一列固定宽度 203 9.4.2 一列宽度自适应 204 9.4.3 一列宽度居中 205 9.5 二列布局 206 9.5.1 二列固定宽度 206 9.5.2 二列宽度自适应...
特点:将css样式定义在HTML标记中 语法: 样式声明:用样式属性和值组成(属性:值;) 常用的样式属性: 1.颜色 属性 :color 颜色 取值:颜色英文名 2.背景颜色 属性:background 取值 :颜色 3.设置...
子模块CSS在核心CSS的基础上进行扩展,可以调整样式风格,并定义本模块特有的CSS。 采用W3C标准规范Html,css代码, 其目的是: 1) 改变页面布局和样式时只修改css,而不用改任何html代码就能实现。 2) 把各种界面布局和...
365 12.11.3 background-repeat属性... 367 12.11.4 background-attachment属性... 368 12.11.5 background-position属性... 369 12.12 文本属性... 373 12.12.1 word-spacing属性... 373 12.12....
适用初学者 1、定义CSS样式表(标签选择器、class选择器...3、Div+Css布局(盒模型、布局相关属性(定位、浮动、显示、溢出)) 4、含有教程笔记,大纲,源码,本人看过已学,浅显易懂。每节课都配有源码可以看教程实践