当前位置:首页 > 科技

div+css中怎样让一个div里面的背景图片垂直居中 CSS div

下面一起来看看div+css中怎样让一个div里面的背景图片垂直居中。

方法

  • 1首先新建一个文本文档并打开。
  • 2打开后先输入以下代码:<!doctype html><html><head><meta charset="utf-8"><title></title></head><body></督变第培课巴稳占育误胶body></html>
  • 3政然后在<body>和</body>之间先写一个div标签,并将class属性设置为photo,代码如下:<div cl来自ass='photo'></div>
  • 4接下来通过css设置样式,代码如下:<style 银守席河林type="text/css">.photo{ width:3360新知50px; height:350px; border:1px solid #ccc; background:url(图片.png) no-repeat center cente肥艺轻她实步路r;}</style>
  • 5输入完代码后点击菜单栏中的文件,在弹出的对话框中点击另存为。
  • 6在弹出的另存为窗口中选择保存的路径,再将保存类型设置为所有文件,然后将文件扩展名显坐项磁哥斤消游烟司修改为.html,之后点击保存。
  • 7之后用浏览器打开刚才保存的html文件。
  • 8这样就完成了让一个div里面的背景图片垂直居中。
END

1.《div+css中怎样让一个div里面的背景图片垂直居中 CSS div》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《div+css中怎样让一个div里面的背景图片垂直居中 CSS div》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/keji/3356018.html

上一篇

ps如何美化图片方法 ps一键美化图片

华为手机多余页面怎么删除 华为手机多余页面删不掉

华为手机多余页面怎么删除?大家一起来看看吧!

红米k50至尊版关闭今日推荐软件方法介绍 红米k50至尊版参数配置

红米k50至尊版关闭今日推荐软件方法是什么呢?今天就来告诉大家。

CAD怎么画点绘制点 cad怎么画绘图框

CAD怎么画点绘制点呢?今天就教给大家方法

Excel中怎么对包含文字的数字求和 excel中怎么筛选重复数据

Excel中着本应烧养求煤妒诗怎么对包含文字的数字求和呢?下面就教大家操作方法。

WPS文字怎样设置多级章节标题自动编号 WpS怎样将文字转成图片

WPS文字怎样设置多级章节标题自动编号呢?今天就教大家如何操作。

安卓手机软件怎么安装?最简单的教程 安卓手机软件怎么下载

下面简单讲解一下安卓手机软件怎么安装?最简单的教程。