怎么用CSS把文字与设置的背景变成一个“块”?

html-css011

怎么用CSS把文字与设置的背景变成一个“块”?,第1张

用CSS把文字与设置的背景变成一个“块”,首先我们需要做的就是将这个行级的元素变成块级元素,我们一般是通过display:block;来实现,然后在给这个块width和height,然后我们设置的背景就都能显示了,这里通过代码来理解:

<html>

<head>

<style>

.p{

display:block

width:200px

height:100px

border:1px solid #f00

background:url('图片地址')

}

</head>

<body>

<div class='wenzi'>

<p>我的数据</p>

</div>

</body>

</html>

<div id="main" style="float:leftwidth:100pxheight:500px">

<div id="left" style="float:left width:20pxheight:20px padding-right:10px">

<div id="l1"></div>

<div id="l2"></div>

<div id="l3"></div>

</div>

<div id="middle" style="float:left width:20pxheight:20px padding-right:10px">

<div id="m4"></div>

<div id="m5"></div>

<div id="m6"></div>

</div>

<div id="right"style="float:left width:20pxheight:20px padding-right:10px">

<div id="r7"></div>

<div id="r8"></div>

<div id="r9"></div>

</div>

</div>

思路,一个大div main里面放三个小div 左中右

左边放三个div 左1左2左3,float左浮动。一定要设置长宽,这样才能浮动。

同理 中间放三个,右边放三个。。

分类: 电脑/网络 >>百度 >>百度空间

问题描述:

如文章模块 相册模块 个人档案等

解析:

先鄙视: kl888168,什么意思啊,一路贴同样的内容,真恨王朝知道没有清理工,百度那边的人,我推荐我自己免费帮您清理重复内容.

回答问题:

1.直接设置模块的width

2.设置body,stage stagepad的width