UC知道DIV+CSS 急急急
来源：百度知道 编辑：UC知道 时间：2024/06/07 06:24:51
那位高手能告诉我用DIV实现这个效果!!!!!!!!!!!!!!
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table width="960" height="105" border="0" cellpadding="0" cellspacing="1" bgcolor="#9A81CC">
<tr>
<td bgcolor="#F9F6FF"> </td>
<td bgcolor="#F9F6FF"> </td>
</tr>
<tr>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table width="960" height="105" border="0" cellpadding="0" cellspacing="1" bgcolor="#9A81CC">
<tr>
<td bgcolor="#F9F6FF"> </td>
<td bgcolor="#F9F6FF"> </td>
</tr>
<tr>
我帮你简化一下1楼那个家伙的style，分数就给他吧。
<style type="text/css">
<!--
#biaoge{width:960px;height:105px;padding:0px;border:1px solid #9a81cc;}
#biaoge ul{margin:0;padding:0;}
#biaoge li{margin:0;padding:0;border:1px solid;border-right:#9a81cc;border-bottom:#9a81cc;width:478px;background:#f9f6ff;display:block;float:left;height:52.5px;list-style-type:none;}
}
-->
</style>
另外要说的是，如果是用于布局，ul是不合理的，如果是展示数据，还是用表格好了。
我也是个初学者，以下代码还不能够实现和你一样的效果，但是已经差不多了，可能是要用多个DIV来控制吧
<!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>
<meta ht