蓝色缎带--使用CSS制作标题栏示例

简介: The secret of greatness is simple: do better work than any other man in your field - and keep on doing it.

The secret of greatness is simple: do better work than any other man in your field - and keep on doing it.

导航
2009年8月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
统计
  • 随笔 - 370
  • 文章 - 1
  • 评论 - 149
  • 引用 - 0
公告
何杨,78年生人,00年毕业于同济大学,02年正式进入IT行业,先后就职于国企,民企,外企,现供职于IBM Dalian GDC。

一向以程序员自居,坚持走技术路线,欣赏螺丝壳里做道场的钻研态度;坚持认为知识是智慧之源,相信知识能改变命运;相信决定论,唾弃一神论和不可知论。

虽时运不济,但相信己才终有一天能得以发挥,为这一条早日到来我正在进行积极准备。



常用链接 留言簿 (10) 随笔分类 相册 个人常用链接 最新随笔 积分与排名
  • 积分 - 107959
  • 排名 - 201
最新评论 img_17599b0cc92fbac5634f77ccaeb22cbf.gif
阅读排行榜 60天内阅读排行
蓝色缎带--使用CSS制作标题栏示例 效果图示:


实现代码:
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
HTML>
 
HEAD>
  
TITLE> New Document TITLE>
style type="text/css">

style>

 
HEAD>

 
BODY>
 
div>
    
div class="titlebar_left">div>
    
div class="titlebar_center">蓝色缎带示例div>
    
div class="titlebar_right">div>
  
div>
 
BODY>
HTML>

说明:
1.指定 div的行高等于 div的高度能有效控制文字垂直 居中,这种方法大家要牢记。
2.如果是 标题栏是活动的,可以使用一行三列的表格实现之。

代码下载:
http://www.blogjava.net/Files/heyang/sample_Duandai20090815090528.rar


目录
相关文章
|
6月前
|
XML 前端开发 数据格式
css示例
【4月更文挑战第23天】css示例
32 2
|
6月前
|
前端开发 内存技术
CSS动画示例(上一篇是CSS过渡…)
CSS动画示例(上一篇是CSS过渡…)
|
前端开发
css改input变输入框光标颜色demo效果示例(整理)
css改input变输入框光标颜色demo效果示例(整理)
|
3月前
|
XML 前端开发 数据格式
CSS常用样式及示例
CSS常用样式及示例
|
6月前
|
前端开发
只是一小部分CSS属性的示例
【5月更文挑战第24天】只是一小部分CSS属性的示例
38 2
|
6月前
|
前端开发
css的选择器,优先级和示例
css的选择器,优先级和示例
24 1
|
6月前
|
XML 前端开发 数据格式
关于CSS的一些讲解与示例
关于CSS的一些讲解与示例
27 1
|
6月前
|
前端开发
CSS简单示例
CSS简单示例。
29 7
|
6月前
|
前端开发
CSS3中的动画示例
CSS3中的动画示例
|
6月前
|
前端开发
css sprite 的优缺点,使用方法和示例
css sprite 的优缺点,使用方法和示例
65 1