A. 为div设置背景图片后,为什么不显示背景图片
没听说过div还要设置display:block,div中不需要display:block.
原因:
1、编码错误,即代码编写没有按照规范,属性名写错。
2、图片路径不对。
3、使用background来实现背景图片,可能因为图片太大或者太小,显示出来的图片只有一部分,二者一部分刚好是透明的,造成没有图片的效果,因此必须设置background-size来控制图片的显示。
4、背景图片调用方式不对,不能使用本地路径。
将hanshan.png和当前页面放在一个目录,则直接写成这样:
#cuyu {
background-image: url(hanshan.png);
height:500px;
width: 1000px;
}
或者将hanshan.png放在images目录,保证当前页面和images在同一级目录,则样式为:
#cuyu {
background-image: url(images/hanshan.png);
height:500px;
width: 1000px;
}
(1)div如何设置背景图片扩展阅读:
DIV格式使用方法的注意事项:
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的特定的格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。
可以对同一个 <div> 元素同时应用 class 和 id 属性,但是更常见的情况是只应用其中一种。
这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的特定的元素。
参考资料来源:网络-DIV
B. css如何使div背景图片填充
css使div背景图片填充的具体操作步骤如下:
1、我们首先打开前端开发工具,新建一个html代码页面。
C. css怎么给div加背景图片
通过css:background-image语句设置背景。
background-image 属性会在元素的背景中设置一个图像。根据background-repeat属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据background-position属性的值放置。
(1)相对的文件位置:
(3)div如何设置背景图片扩展阅读:
background-image 属性为元素元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。
默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。
提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。
D. div标签如何插入背景图
<bodystyle="width:600px;text-align:center;">
<divstyle="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>
<divstyle="text-align:left;padding-top:5px;">
注释:静夜思:宁静的夜晚所引起的相思;疑:怀疑、以为;举:抬、仰。
</div>
</body>
E. div 怎样插入背景图片
四种方法:
需要注意的是,如果div中没有内容,则通过设置高宽来设置测试查看背景图片
第一种:
<divstyle="background:url(images/2.jpg);height:200;width:200;"></div>
第二种:
head部分引入
<style>.div{background:url(images/2.jpg);height:200;width:200;}</style>
第三种:在head部分引入外部样式表
<linkrel="stylesheet"type="text/css"href="css/style.css"/>
并在style表中写入:
.div{background:url(images/2.jpg);height:200;width:200;
第四种,在设计页面直接选择:修改>页面属性>背景图像
希望能够帮助到你,满意请选择。谢谢。
F. html中在div中加背景图片
html在div加背景图片的具体操作步骤如下:
1、新建一个html文档,编写一个类名等于setbg的div标签。
。
G. HTML中如何添加背景图片
1、插入背景图片有两种方法,一种是用html的img标签,另一种是利用css的background标签插入。具体操作是首先新建一个html文件,写入两个div,分别用来演示两种方法插入标签:
H. 设置div背景图片(急急急
这样设置div背景图片的写法是错误的,正确的写法应该是这样
css内嵌式写法:div{ background:url('图片的路径')}
css行内样式写法:style=“background:url('图片的路径')”
下面举例说明
步骤1:新建一个html页面,修改里面的代码,添加1个div标签,id为div1,同时准备2张图片作为背景图分别叫“01.jpg”和“02.jpg”,此时div1未设置背景图,在浏览器中显示为
I. div 怎么设置网络链接背景图片
在做页面时候,有时难免会把图片图片做成背景,但是又想加个链接,可以采用正面的办法解决。
#logo
{
width:249px;
height:62px;
background-image:url(images/logo.gif);}
#logo
a{
display:block;
width:249px;
height:62px;
cursor:hand;
}
然后在<html>里加入以下代码
<div
id="logo"><a
href="http://IP"></a>
用IE浏览图片就能有超链接,鼠标并以一个小手出现,在dreamweaver效果是一样的。
特别说明:为背景加超链接时必须加display:block,并且按Logo图片的大小定义好它的宽和高。这样才能达到想要的效果。
J. 怎么给div设置背景图片
backgroud-image:url(),这样就可以了