TA貢獻1844條經驗 獲得超8個贊
簡單寫了一點:
html:
<table border=1> <tr> <td>hello</td> <td class="tip warn"> 正常 <span class="undiscuss">待處理</span> </td> </tr> <tr> <td>world</td> <td class="tip normal"> 異常 <span class="discuss">已處理</span> </td> </tr></table>
css:
td{padding: 20px 60px}.tip{position:relative}.warn{color: red;}.normal{color: green}.undiscuss{position:
absolute;right:0;top:0;padding:3px 5px;border:1px solid green;color:green
}.discuss{position: absolute;right:0;top:0;padding:3px 5px;border:1px solid orange;color:orange
}效果:
舉報