不设置图片背景，在图片上写字 - 剧情的落幕 - 那些你们喜欢和不喜欢我都喜欢的

图片垂直居中

不设置图片背景，在图片上写字

大 | 中 | 小

[

2010/07/16 15:43 | by liujincn]

<style type="text/css">
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px;}
ul{ margin:0px; padding:0px; list-style:none}
img{ vertical-align:middle}
#box{ width:950px; margin:0 auto;position:relative; }
.text{ position:absolute;  left:430px; top:130px; line-height:150%;}
.btn{position:absolute;  left:680px; top:140px; }
</style>
<style type="text/css">
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px;}
ul{ margin:0px; padding:0px; list-style:none}
img{ vertical-align:middle}
#box{ width:950px; margin:0 auto;position:relative; }
.text{ position:absolute;  left:430px; top:130px; line-height:150%;}
.btn{position:absolute;  left:680px; top:140px; }
</style>
<div id="box">
<div class="text"><ul>
<li>·软件版本：v7.1.1.1002</li>
<li>·软件大小：609KB </li>
<li>·更新日期：2010-07-07 </li>
<li>·系统要求：Win2K / XP / Vista / Win7</li> 
<li>（超强查杀版支持32位XP / Vista / Win7）</li>
</ul></div>
<div class="btn"><a href="#"><img src="http://img.qihoo.com/images/2008/2010/20090729downloadx.gif" border="0" /></a></div>
<ul>
<li><img src="http://img.qihoo.com/images/2008/2010/360safe/20090729pic01.jpg" /></li>
<li><img src="http://img.qihoo.com/images/2008/2010/360safe/20090729pic02x.jpg" /></li>
<li><img src="http://img.qihoo.com/images/2008/2010/360safe/20090729pic03x.jpg" /></li>
<li><img src="http://img.qihoo.com/images/2008/2010/360safe/20090729pic04xx.jpg" /></li>
</ul></div>

不设置图片背景，在图片上写字

利用position:定位发式来做。

xhtml+css | 评论(0) | 引用(0) | 阅读(45)

分类

日历

统计

访问次数 11316
今日访问 29
日志数量 12
评论数量 0
引用数量 0
留言数量 57
注册用户 27
在线人数 7

搜索

最新日志

最新评论

链接

默认链接组
Bo-Blog
BMForum

归档

其他

登入
注册
申请链接
RSS：日志 | 评论
编码：UTF-8
XHTML 1.0