div如何按高度分背景颜色

stning 2010-06-03 11:25:57

如果一个div的高度是100，如何0到50是一个颜色，50到100是一个颜色

...全文

289 15 打赏收藏转发到动态举报

写回复

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

xushilin000000000 2010-06-04

打赏
举报

回复

看来还是用背景图片好搞一点

stning 2010-06-04

打赏
举报

回复

up............

sillyfish521 2010-06-03

打赏
举报

回复

另外你可以把style="height=50px"中的高度根据需求动态复制展现的

sillyfish521 2010-06-03

打赏
举报

回复

<html>
<table border="1">
<tr>
<td>
<div style="height=50px;background-color: red">红色区域</div>
<div style="height=50px;background-color: blue">蓝色区域</div>
</td>
</tr>
</table>
</html>

stning 2010-06-03

打赏
举报

回复

这样的话会在原先的内容下多两个div

stning 2010-06-03

打赏
举报

回复

原来的div里面已经有内容了。

passself 2010-06-03

打赏
举报

回复

那楼主应该在整个div里再加两个div同等高度，来控制就可以了，要是在里面控制的话，js
还真不好说

ws_hgo 2010-06-03

打赏
举报

回复

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

    <title>无标题页</title>

</head>

<body>

<div>

<div id="div1" style="height:50px;width:50;background-color:Red"></div>

<div id="div2" style="height:50px;width:50;background-color:Blue"></div>

</div>

</body>

</html>

stning 2010-06-03

打赏
举报

回复

[Quote=引用 1 楼 guansong8079776 的回复:]
两个选择：
1.背景图片，还能有渐变效果
2.用两个层来做，每个高50
[/Quote]高度不确定。自动收缩的

guansong8079776 2010-06-03

打赏
举报

回复

两个选择：
1.背景图片，还能有渐变效果
2.用两个层来做，每个高50

xk1126 2010-06-03

打赏
举报

回复



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <style type="text/css">

  div{

	width:100px;

	height:100px;

  }

  </style>

 </HEAD>



 <BODY>

 <div style="position:absolute;">

 <table width="100";>

	<TR>

		<td height="50" bgcolor='red'></td>

	</TR>

	<TR>

		<td height="50" bgcolor='black'></td>

	</TR>

 </table>

 </div>

 </BODY>

</HTML>

hnsxldj 2010-06-03

打赏
举报

回复

做一个高度为100的颜色条，0到50一个颜色，50到100一个颜色。如color.png

设置为div的背景色：
background: url(image/color.png) repeat-x top;

vnetcbd 2010-06-03

打赏
举报

回复

？？？

CSS3.0 可以实现，楼主去研究下

yibey 2010-06-03

打赏
举报

回复

增加一个DIV 然后增加一个Z轴属性，吧新增的Z轴属性值设低点原来的DIV中的属性值设置高点。这样就原先DIV的内容会在后面增加DIV的内容上面。如此便可以在原有内容的基础上设置颜色不同的底色

xk1126 2010-06-03

打赏
举报

回复

div 加table

20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能...

在写一个网页时，遇到div高度不定时，即高度设为auto,或者不设置时，加入的的背景图片不能显示的问题。在查阅相关资料后发现几种解决方法出现这种情况有两个前提： 1.外部的div没有设置高度。 2.内部div浮动解决...

本课程是带领大家学习Pc端网页、app、小程序的布局以及样式添加，学完本课程，大家可以对任意网页实现布局，思路清新。课程简介：1，html5编辑器的介绍和使用2，块标签3，内联标签4，超链接和锚点5，12种选择器6，颜色7，单位8，css属性9，盒模式10，div布局11，内容图片12，布局图片13，用户交互图片14，字体15，表单16，表格17，浮动18，定位19，内联框架20，搜索引擎优化21，实战案例

在设计网页时，设置了div为自动高度或不给height值，当div设置背景时在IE6可以显示背景颜色，但是IE7,8却不显示。解决办法如下： 1、把 height:auto; 改成 height:100%; overflow:hidden; 原理：IE6可以再不给...

<div style="background:black;color:white;"...这样就设置了这个div的背景颜色为黑色（即background属性的颜色），字体颜色为白色（即color属性的颜色）效果如下图： ...

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章