css中的代码怎么写

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>扩展资料:1、背景图片语法:{background-image: url(url)|none} 2、背景固定语法:{background-attachment:fixed|scroll} 3、背景重复语法:{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 4、背景定位语法:{background-position:数值|top|bottom|left|right|center} 参考资料来源:百度百科-CSS语法 。