文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 国产软件 | 国外软件 | 汉化补丁 | 设为首页 | 加入收藏
业界资讯 | 图形图像 | 操作系统 | 网络冲浪 | 工具软件 | 办公软件 | 媒体动画 | 精文荟萃 | 认证考试 | 网站建设 | 技术开发 | 专栏
当前位置:abcdown网络学院网站建设Div+Css网页制作实例:用CSS实现图片垂直居中方法
精品广告
推荐TOP10
·CSS小技巧(Most used CSS tricks)
·初学者来看:学习网页技术CSS怎么入门?
·CSS网页设计非常有用技巧
·DIV+CSS的命名规则有利于网站优化
·多个CSS样式表争夺特定选择符的控制权
·学习CSS制作网页总结的一些经验技巧
·CSS初学者应该保持的一种心态
·CSS常见问题和技巧总结
·DIV+CSS常见错误汇总
·设计中常用的十个CSS技巧
阅读TOP10
·学习CSS网页制作技术:ul打造表格样式
·推荐好文:无懈可击的CSS圆角技术
·网页制作备忘录:CSS 属性表简表
·LI标签中内容超过长度后以省略号显示的方法
·标准网页中用CSS进行段落排版的方法
·CSS中背景background-position负值定位深入理解
·Adobe Golive进阶教程(课程三——简单动作5)
·返普归真 彻底认清CSS的Float(浮动)概念
·改变我的鼠标
·CSS的margin边界叠加深度剖析

网页制作实例:用CSS实现图片垂直居中方法

日期:2007年8月3日 作者: 查看:[大字体 中字体 小字体]


网页制作,用CSS实现图片垂直居中方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style type="text/css">
<!--
body {
 margin:0;padding:0
 }
div {
 width:500px;
 height:500px;
 line-height:500px;
 border:1px solid #ccc;
 overflow:hidden;
 position:relative;
 text-align:center;
 margin:auto
 }
div p {
 position:static;
 +position:absolute;
 top:50%
 }
img {
 position:static;
 +position:relative;
 top:-50%;left:-50%;
 width:276px;
 height:110px;
 vertical-align:middle
 }
p:after {
 content:".";font-size:1px;
 visibility:hidden
 }
-->
</style>

<div><p><img src=" <A href='http://www.webjx.com/images/logo.gif"/>

http://www.webjx.com/images/logo.gif"/></p></div>



上一篇:用JS的方法使用列表LI制作的隔行换色

下一篇:网页制作技术CSS之DIV长度相等的几个办法


相关软件: 相关文章:
·卡丽来相片VCD制作系统 2003
·600多张(95M)精美超清晰风景图片(一)
·用图片隐藏文件
·600多张(95M)精美超清晰风景图片(六)
·Photshop照片润饰技巧
·纪录片 十里长街送总理
·小学生民防知识教育动画片
·香港三级片明星,并不像你们想的那样
·放A片的文件夹名字大集合
·香港三级片名单大全 (包括演员名单)
·Photoshop十余种漂亮照片边框简单制作技巧
·建国以来的全套人民币图片
·photoshop修改照片成为美女教程
·Photoshop将肖像照片处理为超酷个性海报

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.abcdown.net
首页 | 本站声明 | 下载帮助 | 发布软件 |
中文版权所有:ABC学院 浙ICP备05000717号