1、1颜色背景 颜色背景的设计是最为简单的，但同时也是最为常用和最为重要的，因为相对于图片背景来说，它有无与伦比的显示速度上的优势在网页文件中，一般通过标签来指定页面的颜色背景，其HTML语法为 其中的quotcolorquot表示不同的颜色，可。

2、1首先，打开Atom编辑器导入项目文件夹，首先创建一个indexhtml文件定义html文件的主要信息，如下图所示2然后填写自己的网页内容，设置样式，添加背景=styletype=quottextcssquot！bodybackgroundimageurlimgtop04；新建一个html文件，例如indexhtml2其次，在indexhtml中的ltbody标签中，输入css样式代码style=quotbackgroundsize100%background urlimagejpgquot3浏览器运行indexhtml页面，此时成功插入了背景图片；先创建一个indexhtml的文件定义一下html文件的主信息2然后填写自己的网页内容， 设置一下样式，直接在body后面加上background=quot图片名字quot即可插入图片3最后来到浏览器，刷新一下网页，这样就会显示背景了；html中设置元素的背景色都是通过CSS中的background 属性来完成例如，给整个页面body设置背景色bodybackground #ddd如果要将图片作为背景色bodybackgroundimage url1jpg，其中url括号后面的是背景；第二步，HTML网页的背景图片得用background属性，文件路径如果和网页在一个文件夹内则只用写图片名字并且如果图片小于网页显示窗口，会自动重复添加第三步，如果要在网页中插入图片，则得调用第四步，如果要设置图片大小；html设置背景图片的方法有一种是用html的img标签进行插入，另一种是利用css的background标签插入HTML称为超文本标记语言，是一种标识性的语言它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet。

3、二在ltbody里添加样式，代码如下style=quot backgroundrepeatnorepeat backgroundsize100% 100%backgroundattachment fixedquot你看，背景就充满页面了有一点需要注意的，你要是弄整个图片的话，那图片格式得改；这是在网页中插入一副图像，能调整图像大小，能拉伸图像，但是不能平铺图像，图像要占用页面的空间的，一般情况下，文字不能在这样的图像上面代码标签解释1ltimg 标签定义图像2src 要显示的图像的 URL图片；你的图片路径不对，当你的网页文件和back文件夹都保存在桌面时 1设置背景图片需要使用css样式设，设置代码如下 以整个页面的背景图片为例css样式body background urlimgbeijingjpg norepeaturl 内放置为图片的。

4、背景图片属性backgroundimage这个属性为HTML元素设定背景图片，相当于HTML中background属性ltbody style=quotbackgroundimageurlimagescss_tutorialsbackgroundjpgquot 上面的代码为Body这个HTML元素设定了一个背景；ltbody style=quot backgroundurlimgimg01jpgquot 设置背景图片的代码为 style=quot backgroundurlimgimg01jpgquot，如下图所示在浏览器中查看 右击HTMLPagehtm，选择在浏览器中查看，如下图所示；在上图中，有几个div，我们以id为d1的div为例创建了div后，我们需要为div添加样式添加样式我们全部写在CSS文件中，并在html页面中引用具体的样式入下图所示我们首先使用了一张为registpng的图片作为背景，将其；1ltbody style=quotbackgroundimage urlquot图片文件地址quot backgroundattachment fixedquot这样背景图片就会固定住，不会因页面滚动而重复2使图在任何大小的屏幕都不会显示重复，可以这样设定背景图像不平铺lt；1插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入具体操作是首先新建一个html文件，写入两个div，分别用来演示两种方法插入标签2首先是用html标签插入图片，这里直接在img标签中。