css 背景图水平、垂直居中方法

核心代码

 代码如下 复制代码

background:url(images/bg.gif) no-repeat 50% 50%;
background:url(images/bg.gif) no-repeat center center;

实例

 代码如下 复制代码

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>body背景上下左右居中</title>

<style type=”text/css”>
<!–
*{ padding:0; margin:0;}
html{ height:100%;}
body {
background: url(01300000081395124875325123568.jpg) 50% no-repeat;
height:100%;
}
–>
</style></head>

<body>
</body>
</html>
时间： 2025-01-01 15:14:58

css 背景图水平、垂直居中方法的相关文章

css实现body背景图片水平垂直居中方法

 <style type="text/css"> *{margin:0; padding:0;} html,body{ width:100%; height:100%;} body{ background:#fff url(/eg/eg_2014_01_02_14_50.jpg) center no-repeat;} </style>   <div class="wrap"> <h2>让body标签中的背景图片水平垂直

css中文字图片背景图居中的方法汇总

一.让网页所有DIV标签内文字居中   -   实现所有DIV内字体居中实例完整网页源代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>div字体居中实例</title> <style> div{text-align:center

Android编程简单实现ImageView点击时背景图修改的方法_Android

本文实例讲述了Android编程简单实现ImageView点击时背景图修改的方法.分享给大家供大家参考,具体如下: 在使用ImageView时,当被点击时,希望背景图修改一下,这样显示被点击效果明显一些.在这里,一个很简单的方法,最起码是个很清晰的方法.在res/drawable文件夹下创建一个xml文件.比如my.xml,内容如下: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:an

css中元素水平垂直居中4种方法介绍

  table-cell轻松设置文本图片水平垂直居中 让一个元素垂直居中的思路:把这个元素的容器设置为table-cell,也就是具有表格单元格的特性,再使用vertical-align(这个属性对block元素不起作用,但对table-cell元素是有效的)设置元素垂直居中,即可达到我们想要的效果. IE7及以下版本不支持此方法,IE8及以上版本及大部分的主流浏览器都很好的支持. HTML代码  代码如下   <div class="img">     <img s

PE背景图的修改方法

  经常使用PE的话看到的都是一个桌面背景,想不想换一下品味呢?下面就来说说最简单的修改PE背景图的方法: 大部分PE的桌面壁纸都在OP.WIM里面的桌面背景目录下,就两个文件:pelogo.jpg和pewallpaper.jpg. 现以我的PE为例:说明如何替换PE的壁纸?其它PE可参照修改.首先找到配置文件,我的是WINPE.INI,里边有2句就是,一处是进系统欢迎使用的背景,另一处是进系统后桌面背景!你只需要把文件名字和路径修改为自己的路径或把你喜欢的背景文件保存为配置文件中的相同的文件名

解读 CSS 布局之水平垂直居中

水平居中 align="center" 直接在标签对象内加align="center"即可让对象内图片横向水平居中显示 align="center"使用方法: <div align="center">aaa</div> text-align:center <style> .divcss5{text-align:center} </style> <div class=&quo

CSS让DIV水平垂直居中（兼容IE/FF/google浏览器）

实例  代码如下 复制代码 <style type="text/css"> body { margin: 0; padding: 0; background: #1d1d1d; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } h1 { font: 4em Georgia, "Times New Roman", Times, serif; color: #fff;

CSS实现DIV水平 垂直居中-1

水平大家都知道,一般固定宽度给个margin:0 auto:就可以了.下面实现水平垂直都居中 HTML <div class="parent"> </div> css html,body{ width: 100%; height: 100%; } .parent{ width: 750px; height: 400px; background: orange; /*水平居中*/ margin: 0 auto; position: relative; top: 5

U盘文件夹背景图的修改方法

  如何改变U盘根目录的背景图片呢?下面为你解开其中的答案: 在U盘根目录新建一个文本文档,改名称为"desktop.ini"(同样别忘记改扩展名),双击打开,内容输入下面分割线之间的内容: [ExtShellFolderViews] {BE098140-A513-11D0-A3A4-00C04FD706EC}={BE098140-A513-11D0-A3A4-00C04FD706EC} [{BE098140-A513-11D0-A3A4-00C04FD706EC}] Attribut