下面一起来自来看看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里面的背景图片垂直居中。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 951076433@qq.com 举报，一经查实，本站将立刻删除。如若转载，请注明出处：https://www.xiaomafuwu.com/418681.html
