引入的外部样式表
页面中<link rel="stylesheet" type="text/css" href="css/index.css">
index.css中@IMPORT url("common/index_201407090946.css");
index_201407090946.css中
.titleSpan{
width: 213px;
height: 30px;
border: 1px solid red;
background: #FFFFFF url("images/common/icon.gif") no-repeat top left;
}
给span加背景,大小和边框都有了,但是背景图片就是不显示,是url的问题吗?如果是的话要怎样写url?
设置了block属性也不行
如果在页面中直接这样写
是可以显示背景图片的,但是放到外链样式表里就不行了。
那你要查看一下你的图片链接路径看对不,试着在images前加../或者/呢
追问如果在普通的外部样式表里,加上../就可以了,但是在@import引进的样式表里,../和/都不行
追答如果大小和边框都生效了,那么肯定是图片路径或者是背景的写法有问题,再仔细检查试试吧,实在不行就用http://的绝对路径试试
追问知道怎么写了,如果是像我那样引入的样式表,写路径的时候要这样写
background-image: url("../../images/commons/icon.gif");
加两个../,这样就能定位到了。
谢谢哈~
css中怎样引入背景图片?
2.背景图片:background-image 语法:{background-image: url(url)|none} 3.背景重复:background-repeat 语法:{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 作用:背景图片重复控制的是背景图片平铺与否,也就是说,结合背景定位的控制可以在网页上的某处单独显示一幅背景图片。...
CSS代码怎么把小图片设为背景图
1、首先看下html代码,一个空的div,什么内容都还没放上。2、为这个div写上一些美化的样式。3、刷新页面,看下效果,现在就是显示一个有边框的div。4、要用css为这个div加上背景图片,只需要加上background-image的样式,后面的值就是图片的地址了。background-image: url(12.jpg);5、刷新页面看...
30.css如何设置背景图片css背景图片怎么设置
2、其次,将after伪元素添加到input标签前面的span标签,然后将伪元素的背景设置为要添加的图片。3、最后,将相对位置添加到父元素,为了使伪元素能相对父级p定位。通过调整after伪元素的left值和top值,可以将图片放入input框。这样,就实现了把一张图片弄到输入框里面了。html如何使图片浮动至段落的左边...
css如何在盒子添加图片?
CSS添加背景图片1、通过css:background-image语句设置背景。background-image属性会在元素的背景中设置一个图像。根据background-repeat属性的值,图像可以无限平铺、沿着某个轴(x轴或y轴)平铺,或者根本不平铺。2、首先,打开html编辑器,新建html文件,例如:index.html。3、打开html编辑器并创建一个新...
css如何设置背景图片?background属性添加背景图片
设置background-image的基本语法是:background-image: url('image_path.jpg');只需要提供图片的URL,即可为div元素赋予背景图片。注意,为了确保图片显示,设置背景的div应具有明确的宽度和高度。为了简化代码,可以同时设置多个属性,如:background: url(bgimg.gif) no-repeat 5px 5px;这表示背景...
CSS如何添加背景图片
通过css:background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据 background-position 属性的值放置。(1)相对的文件位置:(2)测试代码...
css代码怎么插入图片
可以在CSS里面用background-image:url(你的图片地址)。这样来加入图片,展现到网页中。 bgimg { background: #333 url(图片路径) center center no-repeat;} 第一个参数,图片底层的背景颜色,第二个参数,图片路径,第三个参数,图片上下的相对位置(其他参数left,right),第四个参数,图片左右的...
css怎么引用本地背景图片?
在 CSS 中引用本地背景图片可以使用 background-image 属性,并将图片路径指定为本地文件路径。例如:body { background-image: url('.\/images\/bg.jpg');} 其中 .\/images\/bg.jpg 是图片的本地文件路径,可以根据实际情况替换为其他路径。请注意,如果您的 CSS 文件和图像文件不在同一目录中,则...
嗯 怎么用css加图片背景呀?
用background属性 例如:body{background:url(images\/bg.jpg) no-repeat } 其中 url(images\/bg.jpg) 为背景图片路径;no-repeat 表示不重复。这个值可以为 repeat、repeat-x、repeat-y或者no-repteat 。默认为repeat。 repeat-x 为横向重复;repeat-y 为纵向重复;no-repteat 为不重复。希望对...
背景图片html代码css?
CSS添加背景图片css代码添加背景图片:1.背景颜色:background-color 语法:{background-color:数值} 注意:在html当中,孝链要为某个对象加上背景色只有一种办法,那就是先做一个表格,在表格中设置完背景色,再把对象放进单元格。这样做比较麻烦,不但代码较多,还要为表格的大小和定位伤些脑筋。表格...