⑴ html 如何让背景图片充满全图,就是拉伸
使用此代码:<img border='0' src='/jpg' width='100%' height='100%' style='position: absolute;left:0px;top:0px;z-index: -1'>或者background-size:cover。
拓展资料
【HTML】
超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字符素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
【由来】
万维网上的一个超媒体文档称之为一个页面(外语:page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接)。
所谓超级链接,就是一种统一资源定位器(Uniform Resource Locator,外语缩写:URL)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。
在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Site)。超级文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。
因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
⑵ Html中如何将背景图片设置为拉伸的效果
Sets or retrieves how the backgroundImage property of the object is tiled.SyntaxHTML{ background-repeat : sRepeat } Scriptingobject.style.backgroundRepeat [ = sRepeat ]Possible ValuessRepeatString that specifies or receives one of the following values.repeatDefault. Image is repeated horizontally and vertically.no-repeatImage is not repeated.repeat-xImage is repeated horizontally.repeat-yImage is repeated vertically.
⑶ HTML如何把横向拉伸背景图片
DW本身是没有这样的功能的,如果非要如此,可能是需要滤镜效果才能够体现,但是这样是不不足的地方的,比如每款浏览器支持的滤镜的代码是不同的,效果也是不一样的,再者一张不足够大的图片做为背景还要拉伸的话,图像势必会发虚像。建议要么是用ps把图片p的在上传,要么就用重复repeat-x横向重复
⑷ html语言背景图片拉伸代码是什么
在引用图片时使用<body bgproperties="fixed" background="你的图片">就可以使图片拉伸而且不随滚动条的滚动而发生变化。
想让图片拉伸就根本不可能了...唯一就是改变图片大小
⑸ html背景图片怎么让它拉伸至整个页面哦
如果是背景只能把图片做大,没别的办法
⑹ 关于html背景图片往下拉伸问题
repeat这个值是重复的意思用于background里面的
标准写法:
background-repeat:repeat-x||repeat-y||none顾名思义这三个的意思是
1、repeat-x:意思是说在x轴方向重复出现也就是横坐标重复填充满背景。
2、repeat-y:这就是在y轴方向重复出现也就是纵坐标重复填充满背景。
3、none:不重复背景。
4、默认值不写的时候是同时重复出现在x轴和y轴
缩略写法:
background:url()positionrepeatcolor;
背景属性:
background-image:背景图片的路径
background-position:背景图片的定位
background-repeat:背景重复
background-color:背景颜色
background-clip:背景绘制区域
background-origin:背景定位区域
background-size:背景图片的尺寸
问题解答
按上图的意思有两种解决方法
1、可以用border(边框)来实现这一效果,代码如下:
html
<divclass="border">
<h1>Titel_01</h1>
<span>test01,test02</span>
</div>
css
*{margin:0;padding:0;}
h1{font-size:12px;font-weight:normal;}
.border{border-left:2pxsolid#ff9a2e;padding-left:8px;}
2、可以用background(背景)来实现这一效果,代码如下:
html
<divclass="border">
<h1>Titel_01</h1>
<span>test01,test02</span>
</div>
css
*{margin:0;padding:0;}
h1{font-size:12px;font-weight:normal;}
.border{background:url(../images/shutiao.gif)03pxrepeat-y;}
⑺ CSS中如何设拉伸背景图片铺满屏幕
body{
background: url("image.png") no-repeat;
height:100%;
width:100%;
overflow: hidden;
background-size:cover;或者background-size:100%;
}
(7)html背景图片拉伸扩展阅读:
CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
编程工具
记事本:使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时,以.html为后缀名进行保存即可。
Dreamweaver:它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别开发的视觉化网页开发工具,利用它可以轻而易举地制作出充满动感的网页。
⑻ 编写html代码时如何让插入的背景图片拉伸起来
背景不重复<body style="background:url(aaa.jpg) no-repeat">背景只横向重复<body style="background:url(a.jpg) no-repeat repeat-x style="background:url(a.jpg) no-repeat repeat-x ">背景只纵向重复<body style="background:url(a.jpg) no-repeat repeat-x style="background:url(a.jpg) no-repeat repeat-y ">背景不重复,空白处用颜色填充<body style="background:url(a.jpg) no-repeat repeat-x style="background:url(a.jpg) no-repeat #FF0000">
⑼ html如何背景图片拉伸
取值:repeat、no-repeat 、repeat-x、repeat-y 。
repeat : 默认值。背景图像在纵向和横向上平铺;
no-repeat : 背景图像不平铺;
repeat-x : 背景图像仅在横向上平铺;
repeat-y : 背景图像仅在纵向上平铺。
HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容。
浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。
但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点--就是一种URL指针,通过激活它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。