导航:首页 > 万维百科 > html网页设计插入背景图片

html网页设计插入背景图片

发布时间:2020-10-11 07:37:01

1、请问用HTML什么代码编写背景图片

HTML里面编写背景图片方法基本分三种:

通过标签直接设置<p style="background-image:url(images/a.jpg)">aaaaa</p>

通过CSS设置:select{background-image: url(images/a.jpg)}

通过js修改$(select).css("background-image","url(images/a.jpg)");

(1)html网页设计插入背景图片扩展资料:

定义和用法:background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。

提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。

详细说明:background-image 属性会在元素的背景中设置一个图像。

根据 background-repeat 属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据 background-position 属性的值放置。

如果需要在页面上对背景图像进行平铺,可以使用 background-repeat 属性。属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。

repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。

参考实例:

2、html中在div中加背景图片

html在div加背景图片的具体操作步骤如下:

1、新建一个html文档,编写一个类名等于setbg的div标签。

2、div写上样式,“background: url(bg_main.jpg);”的样式,设置背景图即可。

3、设置了背景图,给div设置高度“height:500px”。

4、设置高度之后,高度和背景图就可以出现。

5、div很多文字,超过了固定高度,会出现背景不会平铺到底部。

6、在设置好的背景后面加个 “repeat”,就可以平铺背景图。


3、htmL中怎么插入背景图片?如何设置背景图片大小?

可以使用html的background-image标签和background-size实现插入背景图片和控制图片大小。

具体步骤如下:

需要准备的材料分别是:电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件。

2、在ue编辑器中输入以下html代码。

3、编辑完成以后,在ue编辑器中点击保存,格式选择UTF8无BOM。

4、在浏览器中打开此html文件,可以看到最终想要实现的背景图片效果。

4、html网页设计里面怎么平铺背景图片

html网页设计里面平铺背景图片的代码如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
网页背景默认是平铺整个屏幕的,可能有以下原因导致不能平铺:

1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;
3、body的background属性去掉,要不然会被遮住。

5、网页设计,怎么插入局部框架的背景图片

一、添加背景图片:body { background: url("xxx.jpg"); }
原本<body>卷标提供了以下几种设定:
<body
alink=colorvalue
background=url
bgcolro=colorvalue
link=colorvalue
text=colorvalue
bgproperties=fixed /*背景固定
leftmargin=pixels /*离浏览器显示窗左边的距离
topmargin=fixels /*离浏览器显示窗上面的距离
>
background-image:url(n.jpg)
/*背景图档

background-repeat:repeat|repeat-x|repeat-y|no-repeat
/* 重复显示全影幕|水平方向重复|垂直方向重复|不重复显示

background-attachment:scroll|fixed
/*卷动或固定

background-position:x%,y%|x,y|top|left|center|bottom|right
/*背景图文件位置

二、添加框架:

①打开Dreamweaver,新建一个网页。点击布局中的框架按钮,选择要实现的框架类型。
②这样就创建了两个页面,分布命名。点击中间的线就是选中了整个页面,点击文件\保存框架页,进行命名。左右两个页面分别选中再保存,操作一样。
③点击中间的边框,就选中了整个页面,可以对整个页面的属性进行更改,可以移动中间的边框,也可以点击查看\可视化助理,勾选框架边框来显示或隐藏边框。
④再分别更正左右两个页面的页面属性。

6、在html静态网页中如何插入背景图片,急需!!!

两种方法:
html:
<img src="xxx.jpg" width="100px" height="100px" />
说明:这是在网页中插入一副图像,能调整图像大小,能拉伸图像,但是不能平铺图像,图像要占用页面的空间的,一般情况下,文字不能在这样的图像上面。
css:
#yourID
{
background-image:url('xxx/xxx.jpg');
}
说明:这是背景图像,能平铺,但不能调整大小。不会占用页面空间,文字可在其上。

这两种看你的需要选择。

另外,像楼上的回答:<body background = "图片的路径">,这样做已经过时,不应该提倡。要知道,HTML只管呈现内容,CSS只管页面布局和修饰。

7、网页设计,div层如何添加背景图?

是的,如果直接给div写样式,确实是所有的div都会应用此样式;
方法有很多,你可以定义一个样式名,例如 .cc:{background:#999},所需要添加此样式的那个div 设置class="cc";
方法二 :你也可以定义一个id然,例如 #dd:{background:#999},给你所需要添加此样式的那个div设置 id="dd";
明白了吗?
希望我的回答对你有帮助,望采纳。。。谢谢了~~~

8、htmL中怎么插入背景图片如何设置背景图片大小

CSS里设置这两个参数:

背景图background: url(/*图片路径*/) repeat-x/*平铺方式*/;

尺寸:backgroun-size:100% 100%。

与html网页设计插入背景图片相关的知识