jsp里的样式问题
谁能帮我写类似于这种的简略CSS和table主要是颜色。序号行的颜色是哪个CSS再有一个问题是为什么我这里的table是这种模样,有没有大神帮我解答下为什么(就样式,我这...
谁能帮我写类似于这种的 简略CSS和table 主要是颜色 。序号行的颜色是哪个CSS
再有一个问题是 为什么我这里的table是这种模样 ,有没有大神帮我解答下 为什么(就样式,我这没线) 展开
再有一个问题是 为什么我这里的table是这种模样 ,有没有大神帮我解答下 为什么(就样式,我这没线) 展开
4个回答
展开全部
<style>
table{border-collapse:collapse; font-size:14px;}
table td,th{ border:1px solid #98bf10;border-collapse:collapse; padding:5px 8px;}
table td{ text-align:center; padding:3px;}
table th{background-color:#A7C942;color:#FFF;font-size:15px;}
table .alt{ background-color:#EAF2D3;}
</style>
<table>
<tr>
<th>序号</th>
<th>单位名称</th>
<th>未遂事件</th>
<th>企业级事故</th>
<th>总部级事故</th>
<th>合计</th>
<th>百分比</th>
</tr>
<tr>
<td>1</td>
<td>郑州石油分公司</td>
<td>269</td>
<td>0</td>
<td>0</td>
<td>269</td>
<td>23.91%</td>
</tr>
<tr class="alt">
<td>2</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="alt">
<td>4</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
所谓隔行换色,通用做法是奇数行和偶数行使用不同的class
2015-12-19 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
展开全部
<style type="text/css">
#autab{
width: 500px;
}
#autab tr td{
border: #ccc 1px solid;
padding: 4px 8px 4px 8px;
}
#atabhead td{
background-color: #C4D3F0;
}
</style>
<table id="autab" >
<tr align="center" id="atabhead">
<td class="mod01">功能模块</td>
<td>权限设置</td>
</tr>
<tr>
<td class="mod01">功能报表</td>
<td>
<div class="qu01">查看报表</div>
</td>
</tr>
<tr>
<td class="mod01">价格维护</td>
<td>
<div class="qu01">价格维护</div>
</td>
</tr>
</table>
#autab{
width: 500px;
}
#autab tr td{
border: #ccc 1px solid;
padding: 4px 8px 4px 8px;
}
#atabhead td{
background-color: #C4D3F0;
}
</style>
<table id="autab" >
<tr align="center" id="atabhead">
<td class="mod01">功能模块</td>
<td>权限设置</td>
</tr>
<tr>
<td class="mod01">功能报表</td>
<td>
<div class="qu01">查看报表</div>
</td>
</tr>
<tr>
<td class="mod01">价格维护</td>
<td>
<div class="qu01">价格维护</div>
</td>
</tr>
</table>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询