html+css+div 这个效果怎么实现
4个回答
2013-02-21 · 知道合伙人软件行家
关注
展开全部
大概就这个样子。。。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
table{
width: 500px;
border: none;
font-size: 12px;
}
td{
padding: 10px 20px;
text-align: center;
border-bottom: 1px dotted #CCC;
}
.header{
background: #369;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
color: #FFF;
text-align: center;
}
a{
color: #F90;
padding: 0 5px;
}
a:hover{
text-decoration: none;
}
span{
color: #F90;
}
</style>
<table cellspacing="0">
<tr>
<td valign="middle" class="header">部门名称</td>
<td class="header">已签约|与其任务量</td>
<td class="header">操作</td>
</tr>
<tr>
<td>露西</td>
<td><span>837</span> | 1024</td>
<td><a href="#">编辑</a><a href="#">删除</a></td>
</tr>
<tr>
<td>瑶瑶</td>
<td><span>837</span> | 1024</td>
<td><a href="#">编辑</a><a href="#">删除</a></td>
</tr>
</table>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
table{
width: 500px;
border: none;
font-size: 12px;
}
td{
padding: 10px 20px;
text-align: center;
border-bottom: 1px dotted #CCC;
}
.header{
background: #369;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
color: #FFF;
text-align: center;
}
a{
color: #F90;
padding: 0 5px;
}
a:hover{
text-decoration: none;
}
span{
color: #F90;
}
</style>
<table cellspacing="0">
<tr>
<td valign="middle" class="header">部门名称</td>
<td class="header">已签约|与其任务量</td>
<td class="header">操作</td>
</tr>
<tr>
<td>露西</td>
<td><span>837</span> | 1024</td>
<td><a href="#">编辑</a><a href="#">删除</a></td>
</tr>
<tr>
<td>瑶瑶</td>
<td><span>837</span> | 1024</td>
<td><a href="#">编辑</a><a href="#">删除</a></td>
</tr>
</table>
展开全部
div+css div只能布局,css只能样式,其它功能性网页,要配合js 才能实现或者PHP
更多追问追答
追问
我指的是这个样式怎么实现
追答
你懂css的话 这很简单呀!等下 我给你写下来吧!采纳我!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用div貌似很烦,还是表格简单
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
看起来像gridview,或者说你用CSS作个TABLE呗
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询