html css 設置表格單元格橫線

html代碼

       <table class="table">
        <thead>
            <tr>
                 <th width="20%" class="line">
                    <span>參數</span>
		    <span>參數</span>
                </th>
                <th>參數</th>
                <th>參數</th>
                <th>參數</th>
                <th>參數</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>XX</td>
                <td></td>
                <td>≥20%</td>
                <td>參數</td>
                <td>參數</td>
            </tr>
            
        </tbody>
    </table>

CSS代碼

 /*模擬對角線*/
.line {
 background: #234390 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4=) no-repeat 100% center;
}

.line span:first-child{
    display: inline-block;
    position: relative;
    bottom: -12px;
    left:-10px;
}

.line span:last-child{
    display: inline-block;
    position: relative;
    top:-10px;
    right: -10px;
}

說明

PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4=

#其實是base64加密后的代碼，解密后如下：
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><line x1="0" y1="0" x2="100%" y2="100%" stroke="black" stroke-width="1"/></svg>
代碼中的black是顏色，支持16進制顏色編碼，修改顏色后，重新base64加密后替換原來的加密代碼即可。