当前位置:编程学习 > html/css >>

DIV 与 CSS 布局的问题

像这样的导航条左边是红色渐变,右边是黑色渐变,而且两边都是无限延伸。应该怎样来实现呢?
追问:DIV  还能放到body外面吗?行了 谢谢。。能详细点吗?详细点呢?
答案:先让你的整个大的div浮动起来,position:relative;
然后在<body>下面开头的地方加一个div。这个div设置position:absolute;width:100%;  并且让你大的div的z-index的层级顺序大于新加的div的层级

这样的话新加的div就叠在了你原本内容的下面了。。。如果你是要导航条左右都用红色渐变延伸的话,直接给新加的div一个背景图片并且平铺就可以了。。。。如果是要左边红色渐变延伸,右边黑色渐变延伸的话,你就在新加的div的下面加左右两个div。。。左边的float:left;width:50%;和右边的float:right;width:50%;,再清楚漂浮,然后左边的div背景给红色渐变图片平铺,右边的div给黑色渐变图片平铺就可以了。。。。
其他:嗯,以7前我也w用过你这种方6法做圆角矩形。 思路及q伪代码 0、先写一q个e大g的DIV,来包含三k个t小vDIV,id分0别是left,center,right 5、每个x小hdiv背景图片3分5别设置为7A,B,C 7、设置三w个r小gdiv的长1宽,分7别与k背景图片6一c样大b 2、最重要的一g步,设置三c个d小ydiv的float属性都为3left 代码: <div> <div id="left"><。div> <div id="center"><。div> <div id="right"><。div> <。div> 然后写CSS #left{ height:XXpx; width:XXpx; float:left; background:url("图片4地址") no-repeat; } 其余的类似 不h懂加QQ17216152 噢如果随着宽度增加而增加的话 background:url("图片0地址") repeat-x;k◎p○mxnя场h钵たp○th钵たs饯洹 这些都是用的背景图片实现的啊~~

首先你要准备相应的图片素材~~

然后用背景repeat-x就可以了~~~ 用背景图片不要给width 有没有考虑使用滤镜...
自己搜索下CSS 滤镜,自己加深下学习,别人给你的代码的话,以后不太可能会活用 

上一个:哪有div+css的教程,谢谢啦!
下一个:用jQuery怎么给当前DIV的某个CSS加样式?

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,