html背景图片css(HTML背景图片居中显示)

第一种 在css文件里加入背景图片在css里用urlimages背景图2jpg，在内联css和引入css中会由于html文件和css文件所处的相对位置不同，引入图片路径会有所不同如图第二种在html中引入ltdiv class=quotdet。

创建了div后，我们需要为div添加样式添加样式我们全部写在CSS文件中，并在html页面中引用具体的样式入下图所示我们首先使用了一张为registpng的图片作为背景，将其设置为背景将图片作为背景的具体代码入下图所示如果。

1插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入具体操作是首先新建一个html文件，写入两个div，分别用来演示两种方法插入标签2首先是用html标签插入图片，这里直接在img标签中。

1首先，打开html编辑器，新建一个html文件，例如indexhtml2其次，在indexhtml中的ltbody标签中，输入css样式代码style=quotbackgroundsize100%background urlimagejpgquot3浏览器运行indexhtml页面。

1设置背景图片只需在css样式中设置backgroudimage属性ltstyle type=quottextcssquot body backgroundimageurl你的图片地址backgroundpositioncenterbackgroundrepeatrepeaty ltstyle 2其中， back。

ultraedit1在ue编辑器中新建一个空白的html文件2在ue编辑器中输入以下html代码3编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM4在浏览器中打开此html文件，可以看到最终想要实现的背景图片效果。

第一步，设置背景颜色，只要改变body的bgcolor属性，不过要注意颜色与文本颜色的搭配要协调清晰第二步，HTML网页的背景图片得用background属性，文件路径如果和网页在一个文件夹内则只用写图片名字并且如果图片小于网页显示窗口。

1首先打开前端开发工具，新建一个html代码页面2在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = quotbgimgquot3设置背景图片创建style标签，然后在标签里面对类为bgimg设置背景图片。

04 要用css为这个div加上背景图片，只需要加上backgroundimage的样式，后面的值就是图片的地址了 backgroundimage url12jpg05 刷新页面看下现在的效果，可以看到div已经加上图片背景了。

其实一般你将一张图片作为背景时，会默认为平铺，所以不需要刻意去设置，相反如果我们不想图片平铺那么这时就需要设置为norepeat这时图片就会按原来的尺寸显示2如果图片过小，那么图片平铺就会出现重复的地方，其实和把。

html设置背景图片的方法有一种是用html的img标签进行插入，另一种是利用css的background标签插入HTML称为超文本标记语言，是一种标识性的语言它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet。

一首先HTML布局lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitle背景图设置lttitle lthead ltbody ltdiv class=quotboxquotltdiv ltbody lthtml 二添加CSS样式lt！DOCTYPE。

2打开html文件，按下图中红色框选出来的位置在body标签里面输入ltimg src=quottestjpgquot alt=quot测试quot ，然后保存代表代表当前目录 3在浏览器中打开html文件，就可以显示插入的图片了，如下图所示。

ltstyle type=quottextcssquot lt！ body backgroundimage url”图片地址“backgroundrepeat repeatx div1 margin0px auto width500px height370px textaligncenter backgroundurljscss。

可能程序不对支持CSS3的浏览器里显示，可以用backgroundsize来定义如果你在不支持css3的浏览器里显示，可以给body定义一个子元素，宽度和高度都为100%，然后在这个子元素里加一个ltimgsrc=quot背景图片quotheight=“100%”。

2在indexhtml中的ltstyle标签中，输入css代码li height 50pxbackground urlsmall3png lihover background urlsmall2png 3浏览器运行indexhtml页面，此时显示出了背景图片4将鼠标移动到。