导航:首页 > 万维百科 > 网页设计给div加背景

网页设计给div加背景

发布时间:2021-03-10 08:27:01

1、HTML语言中,如何在div中插入背景图片?

<div style="width:100px; height:100px; background:url(图片名称.jpg);"></div>
图片和网页放一个文件夹里面,注意图片后缀,我这里是.jpg就只适合JPG图片的,其他类型图片自行改后缀

2、你好,怎样通过css给html里的div加背景图片.

background-image:url(2.jpg)no-repeat;
这句有问题哦
指定image的话就不要加其他属性 background-image:url(2.jpg); 或者background:url(2.jpg)no-repeat;

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

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

4、如何在网页中的一块div区域中添加背景图片?求大侠解答。我一添加背景图片,那张图片就变成全网页的背景。

最简单的写法:<div style="width:200px; height:200px; background:url( 图片路径)"></div>
复杂点写个类或者id .bac {width:200px; height:200px; background:url( 图片路径)}
<div class="bac"></div>
就不行不可以

5、网页设计div中背景图片怎么沾满整个该div

你的意思是背景图的样式设置中,不要横向或者纵向重复,是不是?那么你在设置该样式表的时候,就把图片的尺寸(长和宽)和div的尺寸(长和宽)设置一样大小,就可以了,而且背景图不让它重复!

6、div标签如何插入背景图

路径,我的在同一级目录

<body style="width:600px;text-align:center;">
<div style=" height:352px;border-bottom-style:dashed; border-bottom-color:#00C; width:800px; background-image:url(pic.jpg)">
<h1>静夜思</h1>
<h2>作者:李白</h2>
<p>床前明月光,</p>
<p>疑是地上霜,</p>
<p>举头望明月,</p>
<p>低头思故乡。</p>
</div>
<div style="text-align:left; padding-top:5px;">
注释:静夜思:宁静的夜晚所引起的相思;疑:怀疑、以为;举:抬、仰。
</div>
</body>

7、怎样用css给一个空div添加背景图片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>liuxing test</title>
<style type="text/css">
.divbgpic{
background-image:url('jquery/jquery-ui-1.9.1.custom/jquery-ui-1.9.1.custom/css/base/images/ui-icons_cd0a0a_256x240.png');
width:500px;
height:500px;
}
</style>
<script type="text/javascript"
src="jquery/jquery1.7.1/jquery-1.7.1.min.js"></script>
</head>
<body>
<div class="divbgpic"></div>
</body>
</html>

background-image:url('jquery/jquery-ui-1.9.1.custom/jquery-ui-1.9.1.custom/css/base/images/ui-icons_cd0a0a_256x240.png');这样子

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

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

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

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

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

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

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

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


9、div 怎样插入背景图片

四种方法:

需要注意的是,如果div中没有内容,则通过设置高宽来设置测试查看背景图片

第一种:

<div style="background:url(images/2.jpg); height:200; width:200;"></div>

第二种:

head部分引入

<style>.div{background:url(images/2.jpg); height:200; width:200;}</style>

第三种:在head部分引入外部样式表

<link rel="stylesheet" type="text/css" href="css/style.css"/>

并在style表中写入:

.div{background:url(images/2.jpg); height:200; width:200;

第四种,在设计页面直接选择:修改>页面属性>背景图像

希望能够帮助到你,满意请选择。谢谢。

10、css怎么给div加背景图片

通过css:background-image语句设置背景。

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

(1)相对的文件位置:

(2)测试代码:

测试效果:

(10)网页设计给div加背景扩展资料:

background-image 属性为元素元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。

默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。

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

参考资料:网络--CSS background-image

与网页设计给div加背景相关的知识