css代码怎么插入图片

首先我在css样式中写入body{background:url(图片地址)}说明:CSS样式=系统定义+自己定义!比如下面这个[div=welcome]栏目名称[/div... 首先我在css样式中写入body { background: url(图片地址)}

说明:CSS样式=系统定义 + 自己定义!
比如下面这个
[div=welcome]栏目名称[/div]

比如这个是个网站页面
栏目名称
xxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
栏目名称
而我想要的效果是:
图片在栏目名称下面

请问具体该怎么弄?
展开
 我来答
新鲜の鱼313233b
推荐于2019-10-13 · TA获得超过2452个赞
知道答主
回答量:77
采纳率:0%
帮助的人:8万
展开全部

可以在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>

太近寂寞土建
推荐于2019-10-19 · TA获得超过2444个赞
知道答主
回答量:0
采纳率:0%
帮助的人:0
展开全部
  1. 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框架

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友18222f6
推荐于2017-09-21 · TA获得超过697个赞
知道小有建树答主
回答量:1381
采纳率:50%
帮助的人:408万
展开全部
只用css的话,只能通过设置背景图片来插入图片。使用background-image属性。
background-image:<bg-image> [ , <bg-image> ]
<bg-image> = <image> | none
默认值:none
适用于:所有元素
继承性:无
动画性:否
计算值:指定值
取值:
none:无背景图。
<image>:使用绝对或相对地址指或者创建渐变色来确定图像。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
肉鸿路C
推荐于2017-09-22 · TA获得超过936个赞
知道小有建树答主
回答量:345
采纳率:0%
帮助的人:155万
展开全部
.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>
你要的是不是这种类型的。
请采纳!!
更多追问追答
追问
还是不行啊 。我在css中写入了你给了代码。在文字前插入了[div=a]文字结束插入[/div]

还是不行额...
追答
老大请问这是什么[div=a]???????

你写错了啊
是这个:

这里面是文字

图片你自己随便加上一个试试,还有css要写在css文件里面或者写在

里面
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
全明星演技分析
2015-05-29 · 人没有梦想和咸鱼有什么区别
全明星演技分析
采纳数:3046 获赞数:11774

向TA提问 私信TA
展开全部
.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 class="a">
这里面是文字</div>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式