背景图片不重复填充web 论文怎么做

背景图片不重复填充web 论文怎么做

问:在html中,怎么设置背景图片不重复不平铺,只显示一张图片
  1. 答:背景图片不重复不平铺,可以这样设定背景:
    1、<body style="background-image: url("图片文件地址"); background-attachment: fixed;">
    这样背景图片就会固定住,不会因页面滚动而重复。
    2、使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺):
    <body style="background-image: url("图片文件地址"); background-repeat:no-repeat;">
    3、两者结合,就是:<body style="background-image: url("图片文件地址"); background-repeat:no-repeat; background-attachment: fixed;">
    扩展资料
    超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:
    简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
    可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
    平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
    通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
    参考资料
问:html里,如果让背景图片根据屏幕大小铺满屏幕,不重复?
  1. 答:html里,让背景图片根据屏幕大小铺满屏幕不重复,具体方法如下:
    1、首先我们用Dreamweaver软件做一个html文档,当然用其他编辑器也可以。
    2、然后给body设置一个背景图片,这里小编给body加了一个高度,以便能看到图片。
    3、然后先在浏览器中预览一下效果。会看到图片两遍有空白,没有填充满整个屏幕。
    4、将background-size,可以设置其值为100%。
    5、需要注意的是这是css3增加的新属性,旧版本的浏览器可能不支持。所以有时需要更新浏览器。
  2. 答:body{
    background:url(images/bg.jpg) repeat-x;
    }
    以上是让背景图片向X轴延伸将屏幕铺满,若是要它向y轴延伸则是:
    body{
    background:url(images/bg.jpg) repeat-y;
    }
  3. 答:css中写
    body{
    margin:0;
    background:url(images/bg.jpg) no-repeat;
    background-size:100% 100%;
    }
  4. 答:css3支持,background-size:cover
问:请问word背景图片怎么设置一个不要重复?
  1. 答:如下:
    1、你用的是页面颜色--填充效果设置的吧。
    2、这样图片过小,会就显示很多张。
    3、你可以使用,水印---自定义水印--图片水印,200%(要自己调节),取消冲蚀。
  2. 答:这种情况请尝试插入-图片 设置文字环绕为衬于文字下方
  3. 答:设置背景图片时,取消平铺
背景图片不重复填充web 论文怎么做
下载Doc文档

猜你喜欢