1.css代码怎么插入图片
可以在CSS里面用background-image:url(你的图片地址)。这样来加入图片,展现到百网页中。
<div id="bgimg"></div>
#bgimg {
background: #333 url(图片度路径) center center no-repeat;
}
第一个参数,图片底层的背景颜色,第二个参数,图片路径,第三个参数,图片上下的相对位置版(其他权参数left,right),第四个参数,图片左右的相对位置(top,bottom),第五个参数,图片的重复(其他参数 repeat,repeat-x,repeat-y)
扩展资料:
css背景图片代码:
{background-image: url(url)|none};指定要使用的一个或多个背景图像
例子代码:
<html>
<head>
<meta charset="UTF-8">
<title>;背景图片</title>
<style>
body{background:#ddd;}
.div1{
width:300px;
height:150px;
background-image:url(2.jpg);
}
</style>
</head>
<body>
<div>;背景图片</div>
</body>
2.css背景图片代码
要写css背景图片代码可以参考以下操作方法:
1、打开系统中的记事本,输入代码
<html>
<body>
</body>
</html>
2、点击标签<html>;后面,输入head及style标签
<head>
<style type="text/css">
</style>
</head>
3、点击style标签之间,定义网页背景为图片,body {background-image:url(d:/bg.gif);}其中的冒号和分号一定不能缺少,否则会出错。
4、将文件“另存为”文件名可以随便取,保存格式一定要是html格式,存好后打开网页文件预览。
5、想让图片在网页中不重复显示的话,可以在style标签body中添加代码 background-repeat: no-repeat
6、想让图片在网页中沿纵向重复显示的话,可以修改上面代码为background-repeat: repeat-y
7、想让图片在网页中沿横向重复显示的话,可以修改上面代码为background-repeat: repeat-x 。如果不能解决问题,建议重复上述步骤再操作一遍。
3.css设置图片的代码有那些
css设置图片代码:也就是说在css中给网页中添加背景图片:
<style>
.bjimg{ width:200px; height:200px; background:url(图片存放路径) no-repeat;}
</style>
<div class="bjimg"></div>
讲解:因为是在css中设置图片,所以起一个css样式名为bjimg,在div中引入;
建立此css宽度(width):200px,高度(height)200px; background:url是引入css图片的,后面的值no-repeat背景图像不平铺 ;
希望我的回答对你有所帮助,如果还有其他疑问,请及时追问我;
4.文字在图片上面怎么写CSS代码
pic {position:relative; margin-top:0px;}
.pic p{position:absolute;top:44px; left:8px; width:135px; text-align:center;}
pic p{background:#000; filter:alpha(opacity=70); /*IE*/ -moz-opacity:0.70; /*MOZ , FF*/ opacity:0.70;/*CSS3, FF1.5*/}
.pic p a{color:#fff; text-decoration: none;}
定义就好
5.css背景图片代码
写css背景图片代码可以参考以下:
<style type="text/css">body {background-image:url(abc.jpg);}</style><body>