首先我在css样式中写入body { background: url(图片地址)}
说明:CSS样式=系统定义 + 自己定义!
比如下面这个
[div=welcome]栏目名称[/div]
比如这个是个网站页面
栏目名称
xxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
栏目名称
而我想要的效果是:
图片在栏目名称下面
请问具体该怎么弄?
可以在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>
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中写入了你给了代码。在文字前插入了[div=a]文字结束插入[/div]
还是不行额...
老大请问这是什么[div=a]???????
你写错了啊
是这个:
这里面是文字
图片你自己随便加上一个试试,还有css要写在css文件里面或者写在
里面
这个我知道!css我是弄对的 ,
这里面是文字这个是不能插入栏目前面!因为wap站点用的是ubb之类的代码!我们基本都是这样弄的例如:[div=xx]栏目[/div]
[div=xx]栏目[/div]我想请问一下这是什么???html div+css有这样写的???
你用的是什么软件编写的,是dw吗,还有是什么浏览器浏览的?
看来你是高手。我的是wap站点!排版用css加ubb代码...具体我也说的不清楚.你的扣是好多呢?请教下你
本回答被提问者采纳