关于DIV+CSS 左中右布局的问题。
呵呵,--##~问题是这样的:我现在有三张图片,分别是rightcenterleft,right里放的是背景图片A,center里放的是背景图片B,left里放的是背景图...
呵呵,- -##~
问题是这样的:
我现在有三张图片,分别是right center left,right里放的是背景图片A,center里放的是背景图片B,left里放的是背景图片C。
ABC三个图片构成以个整的图片,也就是以个圆角矩形(从中间横分一半的圆角矩形)。主要想以ABC为背景然后在B这个DIV里添加文字信息。请问,这代码我现在应该怎么写?
额,问题描述的可能比较让人费解,希望各位能看懂哈!~ 先谢过了。
忘了说明一点,这里面的B因为我是加文字信息的,所以我希望B的背景图片宽度,能够随着文字长度进行自动加宽。 谢谢各位了,答得好还有分送。谢谢了!~ 展开
问题是这样的:
我现在有三张图片,分别是right center left,right里放的是背景图片A,center里放的是背景图片B,left里放的是背景图片C。
ABC三个图片构成以个整的图片,也就是以个圆角矩形(从中间横分一半的圆角矩形)。主要想以ABC为背景然后在B这个DIV里添加文字信息。请问,这代码我现在应该怎么写?
额,问题描述的可能比较让人费解,希望各位能看懂哈!~ 先谢过了。
忘了说明一点,这里面的B因为我是加文字信息的,所以我希望B的背景图片宽度,能够随着文字长度进行自动加宽。 谢谢各位了,答得好还有分送。谢谢了!~ 展开
1个回答
展开全部
嗯,以前我也用过你这种方法做圆角矩形。
思路及伪代码
1、先写一个大的DIV,来包含三个小DIV,id分别是left,center,right
2、每个小div背景图片分别设置为A,B,C
3、设置三个小div的长宽,分别与背景图片一样大
4、最重要的一步,设置三个小div的float属性都为left
代码:
<div>
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
</div>
然后写CSS
#left{
height:XXpx;
width:XXpx;
float:left;
background:url("图片地址") no-repeat;
}
其余的类似
不懂加QQ76277514
噢如果随着宽度增加而增加的话
background:url("图片地址") repeat-x;
思路及伪代码
1、先写一个大的DIV,来包含三个小DIV,id分别是left,center,right
2、每个小div背景图片分别设置为A,B,C
3、设置三个小div的长宽,分别与背景图片一样大
4、最重要的一步,设置三个小div的float属性都为left
代码:
<div>
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
</div>
然后写CSS
#left{
height:XXpx;
width:XXpx;
float:left;
background:url("图片地址") no-repeat;
}
其余的类似
不懂加QQ76277514
噢如果随着宽度增加而增加的话
background:url("图片地址") repeat-x;
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询