css代码怎么插入图片

发布网友

我来回答

共6个回答

热心网友

可以在CSS里面用background-image:url(你的图片地址)。这样来加入图片，展现到网页中。

#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>

<style>

body{background:#ddd;}

.div1{

width:300px;

height:150px;

background-image:url(2.jpg);

}

</style>

</head>

<body>

</body>

热心网友

1.aaa {background:url(../aaa.jpg);width: 100px;height: 100px;position: relative;}/**背景图片这里背景容器要写成相对位置*/

2.bbb {background:url(../bbb.jpg);width: 10px;height: 10px;position:<span style="color: #FF0000;">absolute</span>;top:30px;left: 325px;}/**挡在前边的图，这里要是用相对位置我标红了*/

具体图片的高度宽度，你根据你的实际图片大小改一改就行了！

扩展资料：

CSS框架是预先准备好的软件框架，允许使用层叠样式表语言更容易，更符合标准的进行网页设计。大多数这些框架包含至少一个栅格设计（grid）。功能更强大的框架，还配备了更多的功能和附加的基于JavaScript的功能，但大多设计导向的和Unobtrusive JavaScript。本文从功能和充分的JavaScript框架区分它们。

两个显着和广泛应用例子是Bootstrap和Foundation (framework)。其他awsm.css, Flexify, Materialize, Semantic UI。

一些更为大型的框架会使用CSS的解释器。例如LESS和Sass。

参考资料：百度百科-css框架

热心网友

只用css的话，只能通过设置背景图片来插入图片。使用background-image属性。
background-image：<bg-image> [ , <bg-image> ]
<bg-image> = <image> | none
默认值：none
适用于：所有元素
继承性：无
动画性：否
计算值：指定值
取值：
none：无背景图。
<image>：使用绝对或相对地址指或者创建渐变色来确定图像。

热心网友

.a{
width:215px;
height:170px;
font-size:16px;
color:#FFFFFF;
background-image: url(../images/6.jpg);
overflow:hidden;
margin:0 auto;
background-repeat: no-repeat;
text-align: center;
}

<div class="a">
这里面是文字</div>
你要的是不是这种类型的。
请采纳！！

热心网友

background: url(images/bg.png) no-repeat;只能使用如这种背景的形式

全部栏目

css代码怎么插入图片