zoukankan      html  css  js  c++  java
  • 给tr整行加删除线的技巧

    给tr行,整行加删除线的html,用得着的,拿走。关键代码,有下划线部分

    <div style=" 550px; height: 100px; border:solid 1px orange;overflow:scroll">
    <table cellpadding="0" cellspacing="1" style="background-color:black;500px">
         
    <tbody>
             
    <tr>
                 
    <td style="background-color:white"><input type="checkbox" /></td>
                 
    <td style="background-color:white">cccc</td>
                 
    <td style="background-color:white">cccc</td>
             
    </tr>
             
    <tr>
                 
    <td style="background-color:white; overflow:visible;100px;">
                 
    <div style="position: relative; ">
                    
    <input type="checkbox" />
                    
    <div style=" 500px; position: absolute; top: 9px;border-bottom:solid 1px #000 ">
                 
    </div>
                 
    </div>
                 
    </td>
                 
    <td style="background-color:white">cccc</td>
                 
    <td style="background-color:white">cccc</td>
             
    </tr>

             
    <tr>
                 
    <td style="background-color:white"><input type="checkbox" /></td>
                 
    <td style="background-color:white">cccc</td>
                 
    <td style="background-color:white">cccc</td>
             
    </tr>
             
    <tr>
                 
    <td style="background-color:white"><input type="checkbox" /></td>
                 
    <td style="background-color:white">cccc</td>
                 
    <td style="background-color:white">cccc</td>
             
    </tr>
             
    <tr>
                 
    <td style="background-color:white"><input type="checkbox" /></td>
                 
    <td style="background-color:white">cccc</td>
                 
    <td style="background-color:white">cccc</td>
             
    </tr>
         
    </tbody>
    </table>

    </div> 

    cccc cccc
    cccc cccc
    cccc cccc
    cccc cccc
    cccc cccc
  • 相关阅读:
    剑指offer--2.替换空格
    剑指offer--1.二维数组中的查找
    poj-1426-Find The Multiple(打表水过)
    hdoj-3791-二叉搜索树(二叉搜索树模板题)
    hdoj-1276-士兵队列训练问题(队列模拟)
    HihoCoder
    CodeForces-831A-Unimodal Array (水题)
    hdoj-1046-Gridland(规律题)
    hdoj-1038-Biker's Trip Odometer(水题)
    hdoj-1037-Keep on Truckin'(水题)
  • 原文地址:https://www.cnblogs.com/itprogrammer/p/2177421.html
Copyright © 2011-2022 走看看