⑴ html如何让图片全屏

你可以用CSS3的transform:scale()
试一下 直接放大 scale里面是放大倍数

⑵ html里面怎样让背景图片全屏,使用width和height来定义吗,,

  1. 如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用<body
    style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。

  2. 这时可以拐个弯，设置两层div，底层div当做背景使用，放置一张图片即可。
    <div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>

  3. 网页背景图片默认情况下是重复平铺满整个页面。上面1方法是要求图片不重复，但又得占满浏览器所采用的方法。

⑶ html中的背景图片，一张全屏显示

Background : 背景色
Background Image :选取你的背景图
Reapeat : 背景图是否重复，其中选no-repeat为不重复，repeat为重复，repeat-x和repeat-y分别为只在X和Y方向重复。
Attachment : 背景图位置，fix为背景图位置固定不变，scroll为背景图随页面一同滚动
Horizontal : 为固定背景图时图在水平方向所居的位置，可以选择居中，居左，居右或自己设定距左的距离。
Vertical : 为固定背景图时图在竖直方向所居的位置，可以选择居中，居顶部，居底部或自己设定距顶的距离。
注意带 * 的选项要在浏览器里才能看到效果。
设定完毕，对Dreamweaver左下角点选<body应用该CSS样式就行了
不光是<body标签，页面里有的元素都可以在那里选择，可以很方便的选取应用对象。
对于所有onload 的触发事件，也都可以选<body再加Behavior，比如drag layer或打开页面后弹出窗口等等
background-attachment属性控制背景图象是否随内容一起滚动，取值为scroll和fixed。默认值为scroll（滚动）；fixed为静止。

⑷ 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）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

⑸ css 如何让图片全屏的问题

1:一个很小的条状图，通过repeat后，形成一个很规则的大图背景。 但是css3出现以后，这个情况被改善了。background-size 属性可以让我们之前的希望成真。而且这个属性在firefox，chrome，以及ie9上都可以使用。

2:背景图尺寸（数值表示方式）代码如下:#background-size{ background-size:200px 100px; }

3:背景图尺寸（百分比表示方式） 代码如下:#background-size2{ background-size:30% 60%; }

4:背景图尺寸（等比扩展图片来填满元素，即cover值）代码如下:#background-size3{ background-size:cover; }

5:背景图尺寸（等比缩小图片来适应元素的尺寸，即contain值） 代码如下:#background-size4{ background-size:contain; }

6:背景图尺寸（以图片自身大小来填充元素，即auto值）代码如下:#background-size5{ background-size:auto; }

(5)html图片满屏扩展阅读:

1:CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素。

2:样式通常存储在样式表中，把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题。

3:外部样式表可以极大提高工作效率，外部样式表通常存储在 CSS 文件中。

4:css设置背景图片全屏，如果只是将其当做一张图片显示，可以通过css控制。超大图片，引入进来即可根据大小缩放。

5:如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。

⑹ html和css如何做到让一张图片铺满屏幕呢

比如<img id='bg' src='bg.jpg'/>

#bg{
position:fixed;

width:100%;

height:100%;

}

⑺ CSS中如何设拉伸背景图片铺满屏幕

#bg{
margin:0px;
background: url(images/beijing.png) no-repeat;
background-size:100% 100%;
background-attachment:fixed;
}

扩展抄资料：

url(images/beijing.png)——图片路径的位置；

no-repeat—— 图片不重复；

center 0px——center是距离页面左边的定位，0px是距离页面上面的定位；

background-position: center 0——就是图片的定位，同上；

background-size: cover;——把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中；

min-height: 100vh;——视窗的高度，“视区”所指为浏览器内部的可视区域大小，即window.innerWidth/ window.innerHeight大小。

⑻ html 怎么让背景图铺满整个页面

我自己试出来的，希望有用专
例子，属用css
<body background="images\002.png"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>

⑼ 如何把HTML文件的背景图片设成全屏

步骤一、首先打开需要修改的HTML文件。

⑽ html中，怎么让背景图片充满整个页面

下面这段代码给div设置了一个宽度和高度，然后添加了一张背景图片，并使用了background-size:cover;这个属性，就会自动放大或缩小背景图片来适应，但是需要指出的是这个属性在需要在IE9及以上版本支持，谷歌和火狐都支持，具体支持情况看上面的图，浅绿的代表支持，粉红的不支持，你也可以到caniuse.com自己查看支持性


<!DOCTYPEhtml>

<html>

<head>

<metahttp-equiv="Content-Type"content="text/html;"charset="utf-8">

<title>无标题文档</title>

</head>

<styletype="text/css">

.div1{width:500px;height:600px;background:url(images/class_nav.jpg);background-size:cover;}

</style>

<body>

<DIVclass="div1"></div>

</body>

</html>