漂亮的网页设计（设计精美的网页）

本文目录一览：

• 1、个人网页设计背景图片-html网页制作中如何设置背景图片(如何引用)_百...

个人网页设计背景图片-html网页制作中如何设置背景图片(如何引用)_百...

首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。

在左侧栏下面点击图片管理，如下图所示。点击添加图片，就会看到如下页面，如下图所示。然后把需要的图片添加进去就好了，点击开始上传，如果看到显示上传成功，就表示图片上传成功了，如下图所示。

CSS里设置这两个参数：背景图background： url（/*图片路径*/） repeat-x/*平铺方式*/；尺寸：backgroun-size：100% 100%。其实大多数的HTML编辑器操作都是一样的，今天我就以Hbuilder来讲解，首先新建一个HTML页面，这里命名为“new_file.html”。

在Dreamweaver CS6中新建一个html空白文档。将页面内容放入body/body中。在body后按一下空格键，找到background，再按空格，点击“浏览”，找到背景图的位置。选中背景图，点击“确定”。图片插入完成。将这个html另存为在“表格”文件夹里。