在jsp中怎样加入css样式

html-css09

在jsp中怎样加入css样式,第1张

jsp中直接加 <style></style>标签，标签内写css，或者<link rel="stylesheet" type="text/css" href="style.css" />，style.css中写css

<style>

table{border-collapse:collapse font-size:14px}

table td,th{ border:1px solid #98bf10border-collapse:collapse padding:5px 8px}

table td{ text-align:center padding:3px}

table th{background-color:#A7C942color:#FFFfont-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