网页设计图片空隙（网页设计图片间隔）

本文目录一览：

• 1、网页设计怎么把图片上的间距缩短?
• 2、网页设计背景图片怎么填满整个背景呀?

网页设计怎么把图片上的间距缩短?

打开Dreamweaver，之后，新建一个html文档，然后在界面的上方找到插入图片的按钮，点击它，插入图片。插入图片之后，再写上文字，文字在图片下方，和图片的距离比较远。

在排版时选择紧凑模式：在照片排版时，可以选择紧凑模式，将照片展示在更小的空间中，从而达到缩小中间间距的目的。调整照片边距和大小：在编辑界面，可以手动调整照片的大小和边距，将多张照片相互靠近，从而缩小间距。

可以用margin或者padding属性解决。

网页设计背景图片怎么填满整个背景呀?

例如：index.html。在index.html中的标签中，输入css代码：body {background： url（image.jpg） no-repeat；background-size： 100%}。浏览器运行index.html页面，此时成功设定背景图片等比例放缩到网页宽度。

使用背景属性即可；背景属性为background；给div添加style样式：background-image；使用绝对或相对 url 地址指定背景图像；设置或检索对象的背景图像。

使用此代码：或者background-size：cover。

背景-重复是让背景图片覆盖整个页面。04看页面的效果，可以看到现在整个页面都贴满了蝴蝶的图片。为了获得更好的效果，您可以替换更好看的背景图像。

！-- table { background-image： url（b6jpg）；height： 100px； width： 100px；} -- 用图像处理软件（如：Photoshop）“裁切”成需要的大小。注：建议用第2种方法，图像太大影响网页打开速度。