导航:首页 > 万维百科 > 网页设计怎样把背景图片扩大

网页设计怎样把背景图片扩大

发布时间:2021-03-11 05:44:02

1、用Dreamweaver8设计网页,怎样使背景图片铺满全屏?

在body里面设背景,
body{ background:url(图片地址) 0 0 repeat;}

但是图片会向X,Y两边拉伸,如果图片尺寸较小会很补美观;
推荐方案:1.背景图片的尺寸做的尽量大一点
2.背景图片的外面可以做成渐变到某个色系,然后body设置背景色
body{ background:#000 url(图片地址) 0 0 repeat;}

2、CSS3设计网页怎么放大背景图片。

你说的应该是鼠标放到图片上然后图片自动放大 而不是宽 高的放大 追问: 我希望的是一打开网页,背景不重复的覆盖整个body部分,不是四分之一的body。我是这个意思 回答: 你是要规定背景咯 追问: 在哪里规定,页面属性和CSS里面都找不到。我用的是Adobe Dreamweaver CS3 回答: body { background: url(booy.jpg) no-repeat fixed center top transparent; } Dreamweaver只是编辑器 又不是代码库 追问: fixed center top transparent这几个前面加什么。我是初学者,而且英语不行 回答: fixed固定图片 center 居中 追问: 我的意思是前面加什么。就像no-repeat前面加background-repeat:,不是问什么意思。 回答: no-repeat 就是不重复图片 追问: 我知道no-repeat是不重复图片的意思,但是你就这么打在style也没用,前面要加一个background-repeat:,我的意思是fixed center top transparent这几个前面要加什么才会生效 回答: 你留下你QQ我稍后加你 追问: 942754361

采纳哦

3、网页设计中怎样将背景图片扩大

想让背景不重复的话

只要在其 CSS 属性内加上:

background-repeat: no-repeat;

就可以了

至于把背景扩大的话

需要用 PS 扩大

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

5、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大小。

6、网页制作怎么让背景图片占满整个屏幕

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>窗口背景变化</title>
<style type="text/css">
*{margin:0;padding:0;}
#bg{
position:absolute;
top:0px;
left:0px;
z-index:-999;
}
</style>
</head>
<body>
<div id="bg"><img src="http://www.wallcoo.com/ad/Korea_Besti_Belli/images/jihyun-bestibelli06.jpg" alt="HIGH"></div>
<input type="text" id="msg" name="msg" size="50"/>
<script type="text/javascript">
window.onresize = window.onload = function(){
var w,h
if(!!(window.attachEvent && !window.opera))
{
h = document.documentElement.clientHeight;
w = document.documentElement.clientWidth;
}else{
h = window.innerHeight;
w = window.innerWidth;
}
document.getElementById('msg').value ='窗口大小:' + 'width:' + w + '; height:'+h;
var bgImg = document.getElementById('bg').getElementsByTagName('img')[0];
bgImg.width = (w - 5);
bgImg.height= (h-5) ;

}
</script>
</body>
</html>

背景图片自适应窗口大小

7、网页制作中怎样把背景图片变大?

height width

8、html中,怎么让背景图片充满整个页面

用Dreamweaver软件编辑

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

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

与网页设计怎样把背景图片扩大相关的知识