jsp里的样式问题

谁能帮我写类似于这种的简略CSS和table主要是颜色。序号行的颜色是哪个CSS再有一个问题是为什么我这里的table是这种模样,有没有大神帮我解答下为什么(就样式,我这... 谁能帮我写类似于这种的 简略CSS和table 主要是颜色 。序号行的颜色是哪个CSS

再有一个问题是 为什么我这里的table是这种模样 ,有没有大神帮我解答下 为什么(就样式,我这没线)
展开
 我来答
长城郭靖
推荐于2018-03-05 · TA获得超过729个赞
知道小有建树答主
回答量:1090
采纳率:47%
帮助的人:394万
展开全部

<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>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  
    <tr>
    <td>3</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  
    <tr class="alt">
    <td>4</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  
</table>

所谓隔行换色,通用做法是奇数行和偶数行使用不同的class

千锋教育
2015-12-19 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
展开全部

jsp中的table样式通过自定义css来控制。

方法一:<table width="80%">
    <tr bgcolor="lightblue"> 这一行就控制表格背景色
方法二:在head标签中写css
<head>
<style type="text/css">
table{border:1px solid blue; width="80%";}
</style>
</head>

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百科追击者
2014-06-04 · TA获得超过849个赞
知道小有建树答主
回答量:792
采纳率:40%
帮助的人:272万
展开全部
<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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
dvd1217
2014-06-04 · TA获得超过1152个赞
知道小有建树答主
回答量:586
采纳率:50%
帮助的人:477万
展开全部
<table width="600px" border="1" style="border-collapse: collapse; border-color: blue;">
<table>标签里这样写就有颜色了
更多追问追答
追问

线有了但颜色没出来,还有个问题是 怎么改table大小,比如占页面的80%

追答
方法一:
这一行就有背景色了

方法二:在head标签中写css

table{border:1px solid blue; width="80%";}

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式