蓝色缎带--使用CSS制作标题栏示例-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

蓝色缎带--使用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


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: