下面一起来自来看看div+css中怎样让一个div里面的背景图片垂直居中。
方法
首先新建一个文本文档并打开。
打开后先输入以下代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
然后在<body>和</body>之间先写一个div标签,并将class属性设置为photo,代码婷话如下:
<div class='photo'></div>
接下来通过究很倒东原妈兴css设置样式,代码如下:
<style type="text/css">
.photo{
width:350px;
height:350px;
border:1px solid #ccc;
background:url(图片.png) no-repeat center center;
}
</style>
输入完代码后点击菜单栏中的文件,在弹出的对话框中点击另存为。
在弹出的另存为窗口中选择保存的路径,再将保存类型设置为所有文件,然后将文件扩展名修改为.html,之后点击保存。
之后用浏览器打开刚才保存的html文件。
这样就完成了让一个div里面的背景图片垂直居中。