html background属性让背景充满整个页面

有时候,我们想让整个网页面充满我们的背景,可以使用html的background属性完成这个任务。

操作方法

  • 01

    打开Dreamweaver,然后选中html,出来了一个html标准文档。

  • 02

    在<body>标签里添加文件路径,语法如下 <body background="文件路径"> 这时,页面虽然充满了背景,但可以看出背景图片被填充了多次。

  • 03

    在<body>里添加样式,代码如下: style=" background-repeat:no-repeat ; background-size:100% 100%; background-attachment: fixed;" 你看,背景就充满页面了。

  • 04

    整个实现代码如下: <body background="5.jpg" style=" background-repeat:no-repeat ; background-size:100% 100%; background-attachment:fixed;" >

  • 05

    我尝试通过外联式样式和嵌入式样式实现这个功能,但没有成功。

(0)

相关推荐

  • 如何将dreamweaver的背景图片符合页面大小

    操作方法 01 1.(1)首先,打开Dreamweaver,在下面的属性面板中打开"页面属性"导入未修改的图片作为背景图片,我们可以看到该图片有重复区域,使得整体不够美观,完成后的 ...

  • 怎么设置word文档中的页面背景颜色

    我们在使用Word编辑文档的时候,想要让页面更加美观一些,可以选择给页面设置背景颜色,今天就跟大家介绍一下怎么设置word文档中的页面背景颜色的具体操作步骤.方法一:页面设置单色的背景颜色1. 首先打 ...

  • Word2010中怎样用图片作为页面背景

    我们在使用Word2010编辑文档的过程中,可以使用合适的图片作为文档的页面背景.本篇就来介绍一下设置图片背景的方法. 步骤/方法 01 打开Word2010文档,单击"页面布局" ...

  • Word里如何设置页面背景?

    什么时候需要页面背景呢?当你要做个海报宣传的时候,当你要做个传单,或做一个邀请函等,都需要为文档添加页面背景.那Word里面怎么将图片设置成页面背景呢 操作方法 01 首先,打开你的文档,找到菜单栏中 ...

  • word如何设置页面背景

    word是很常用的办公软件,为了使页面更美观,可以给页面设置一个背景,今天小编就来给大家讲一讲word如何设置页面背景吧 操作方法 01 首先打开word,然后点击上面那一栏页面布局. 02 然后点击 ...

  • HTMl制作网页时的背景图如何控制全屏

    html网页背景图片如何设置为全屏?简单几行代码,教你容器全屏不占位 操作方法 01 首先我们先做一个基本的网页页面 02 接着,我们初始化样式,将代码添加在<style></sty ...

  • 模糊背景图设计的应用技巧

    模糊的图片是摄影没拍好的照片吗?有时候是这种情况,有时候它只是把图片做模糊效果的一种图片.在这篇文章里,我们不讨论如何修复一张拍摄糟糕.模糊的照片.相反,我们将有意地选择或创建不同类型的模糊图像,用一 ...

  • 如何用单张图片做背景不重复自适应铺满容器背景

    当使用图片当容器背景时,有时图片小一点,有时大一点,小了又要平铺,大了又不能全显示,那样式工怎样才能满足要求?以下分享下. 操作方法 01 显示器分辨率为1680X1050,div大小为1300X79 ...

  • Dw制作网页基础(设置网页属性和编辑头部信息)

    Dw制作网页基础(设置网页属性和编辑头部信息) 操作方法 01 这里我们主要说的呢是在Dreamweaver中制作网页基础( 包括设置网页属性和编辑头部信息)首先我们像往常一样这里我们需要先建立一个新 ...