在html中,怎么设置背景图片不重复不平铺,只显示一张图片

作者&投稿:蒯东 (若有异议请与网页底部的电邮联系)
求教html高手怎么弄背景图片不重复不平铺 只显示一张图片~


body{
background:url(http_imgloadCAR8STN6.jpg) no-repeat;
}

把这个放在head区域 或者写在单独的css样式表文件里。
万维网上的一个超媒体文档称之为一个页面(外语:page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(Uniform Resource Locator,外语缩写:URL)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Site)。超级文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。


body{
background:url(http_imgloadCAR8STN6.jpg) no-repeat;
}

把这个放在head区域 或者写在单独的css样式表文件里

背景图片不重复不平铺,可以这样设定背景:

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、<body style="background-image: url("图片文件地址"); background-attachment: fixed;">
这样背景图片就会固定住,不会因页面滚动而重复。
2、使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺):
<body style="background-image: url("图片文件地址"); background-repeat:no-repeat;">

两者结合,就是:<body style="background-image: url("图片文件地址"); background-repeat:no-repeat; background-attachment: fixed;">

<style>

body{

background:url(http_imgloadCAR8STN6.jpg) no-repeat;

}

</style>

把这个放在head区域  或者写在单独的css样式表文件里。



#top{

        background-image: url(images/top.png);

        background-repeat:no-repeat;

}



个人中心帐号设置我的博客管理博客我的学院我的下载我的c币订单中心帮助退出关注和收藏在这里原创在html中,怎么设置背景图片不重复不平铺,只显示一张图片


html中想要将背景颜色渐变怎么弄?
这里使用linear-gradient()编写一个默认方向的红蓝渐变,渐变的方向可以省略的:3、如果想设置渐变方向为从右至左,只需要给linear-gradient加一个“to left”属性就可以了:4、保存文件查看生成的指定方向的渐变,可以看到浏览器中显示出红蓝的渐变色。以上就是用在html中设置渐变色的步骤:

HTML里怎么设置字体大小?
2、然后在p标签的下面,使用button标签创建一个按钮,名称为“改变字体大小”。3、接着在test.html的js标签内,使用function声明一个函数cgsize()。4、然后在cgsize()函数内,使用getElementById()方法获得p元素对象,并设置style属性中的fontSize为25px,即字体的大小改变为25px。5、最后在浏览器...

HTML中怎么设置字符编码
1.首先,打开dreamweaver并创建一个新文件login.html。 此时,默认编码为gb2312,如图所示。2.编辑“ login.html”,用于登录,效果如图所示。3.如果直接将代码中的gb2312更改为utf8,则结果将出现乱码,如图所示。4.此时,打开Dreamweaver,单击“修改”,选择“页面属性”选项,如图所示。5.单击“...

HTML中怎么设置按钮的大小?
html中设置按钮的大小:可直接给input元素添加宽、高,具体代码如下:<input type="submit" value="确定" style="width:100px;height:60px"> 下面是未设置input按钮大小和设置了按钮大小的对比效果:html中的表单input元素是内联块状元素,既可以与其它元素在同一行,又可以设置自身的宽度和高度。如果...

HTML里怎么设置字体颜色
1、新建html文档,在body标签中添加p标签,然后在p标签中添加一些文字:2、在head标签中添加style标签,style标签的作用是为元素添加样式,然后在style标签中添加“p{ }”,p指的是为所有p标签设置样式,大括号内填写样式内容:3、在大括号内添加“color”属性,属性值为文本颜色,这时字体就被添加上了...

打标签怎么把字居中
1. html怎么让文字居中 可以用“text-align”属性控制文字的位置,“center”属性值让文字居中显示。1、新建html文档,在body标签中添加一个div标签,在div标签中添加p标签,这时文字将会在div标签中靠左显示:2、为div标签设置“text-align”属性,属性值为“center”,这时文本将会居中显示:3、如果想让...

html页面怎么设置页面宽度
这是一个精确的值,并设置高度和背景色,以便查看下一步的效果:3、然后设置select2的宽度。在这里,使用百分比设置宽度。百分比代表整个屏幕的比例,设置为50%:4、最后,当进入浏览器时,可以看到两个具有不同宽度的选择下拉列表。上面是控制HTML页面中下拉列表宽度的方法:

html中如何让图片自动切换?
可以使用JavaScript来添加点击左右箭头来切换图片的功能。你可以为每个箭头添加一个onclick事件,然后使用JavaScript代码来设置图片的src属性,以改变显示的图片。html中图片如何自动切换?1、html轮播图定时器自动切换原理是触发事件更换图片。根据查询相关公开信息显示,加入定时器,自动触发事件更换图片,图片存储...

html中怎么调节单行文字的大小
tml字体大小设置方法,在HTML中字体如何设置字体大小,文字大小布局设置篇 DIVCSS5通过两种方法让大家掌握html中字体大小改变设置。1、html font标签设字体大小 2、html css设字体大小 接下来通过html案例介绍字体大小设置教程。一、html font标签设置字体大小 - TOP 在css之前html中文字设置字体,通常...

如何在html中怎么让图片浮动
创建html文件:2、然后先给页面设置背景颜色,创建段落两个段落,段落上面设置2张图片的float属性,分别让它们左右浮动,值为left和right,最后打开浏览器:3、打开浏览器后即可看到效果,两张图片分别浮动在文本的左右两边,文字则是围绕在图片周围.。以上就是在html中让图片浮动的方法:...

宜章县19234194514: 求教html高手怎么弄背景图片不重复不平铺 只显示一张图片 -
家秆肝素: 背景图片不重复不平铺,可以这样设定背景: 1、 这样背景图片就会固定住,不会因页面滚动而重复. 2、使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺): 两者结合,就是:

宜章县19234194514: 用html添加背景图片时.怎么让它不重复.并且居中. -
家秆肝素: body {background-repeat:no-repeat;background-position:center top;} 这是css,第一个属性是不重复,第二个是居中居顶显示

宜章县19234194514: 在html网页制作中怎样让背景图片不重复平铺啊???谢谢~~
家秆肝素: background:url(post_right.gif) center no-repeat;

宜章县19234194514: 用HTML语言设置背景图片平铺不重复而且可以在上面插入表格文字的应当怎样写!?
家秆肝素: background-image: url(图片地址); background-repeat: no-repeat;(平铺不重复) 参考资料【中国IT程序网】

宜章县19234194514: html怎么设置背景图片属性
家秆肝素: 用行内样式在你需要添加背景的元素上面加上这个属性 style="background:url(1.jpg) 0 0 repeat" 如:你要给一个table添加背景<talbe style="background:url(1.jpg) 0 0 repeat">1.jpg描述你背景的路径

宜章县19234194514: html5怎么设置整页背景图片 -
家秆肝素: html5加背景图片可以通过: 1.首先可以去写一个div,然后这个div当然宽高是一定要有,然后在div中去设置要的背景图片,是否重复等属性,repaet这个来设置,no-repeat(是不重复)、repeat-x(沿着x轴重复)、repeat-y(沿着Y轴重复)这里我提交一段代码: <div id = 'test'></div> <style> #test{ width:300px;height:400px;background:url('图片的地址')no-repeat; } </style> 这样背景图片就设置好了!

宜章县19234194514: HTML 中表格背景 如何在 不重复并且 在表格最下方 -
家秆肝素: HTML: ...CSS:.table01{background:url("bg.jpg") center bottom no-repeat; url后面的括号里是写背景图片的路径;center代表水平居中,你也可以用像素表示,bottom代表在最下方,no-repeat代表不重复显示

宜章县19234194514: html如何设置背景图片 -
家秆肝素: 在想要放背景图片的标签上面加上style="background: url(xxx.jpg);"即可 xxx.jpg是图片文件名,路径要跟HTML页面放在一起 例: <body style="background: url(bg.jpg);"> 11111 </body>

宜章县19234194514: 页面中如何设置背景图片不重复顶部对齐居右 -
家秆肝素: background:url(图片地址) right top no-repeat;

宜章县19234194514: html怎么设置背景图片属性 -
家秆肝素: 用css 在你需要添加背景的元素上面加上这个属性 style="background:url(1.jpg) 0 0 repeat" 如:你要给一个table添加背景1.jpg描述你背景的路径

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网