перечеркнуть ячейку таблицы
Всем добрый день,
в сети нашел инфу только про перечеркивание строки таблицы, собственно из-за этого и появился этот вопрос Задача: Зачеркнуть ячейку таблицы (text-decoration:line-through не подходит, так как там так же присутствует и input, который остается нетронутым) Заранее спасибо) |
AnarCom,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> td{ position: relative; } td.line:after{ content:""; display: block; position: absolute; top: 50%; height: 1px; width: 100%; background-color: #000000; margin-left: -1px; } </style> </head> <body> <div id="slider"></div> <table> <thead> <tr> <th>Title 1</th> <th>Title 2</th> <th>Title 3</th> </tr> </thead> <tbody> <tr> <td class="line"><input name=""></td> <td>Cell 1.2</td> <td>Cell 1.3</td> </tr> <tr> <td>Cell 2.1</td> <td>Cell 2.2</td> <td class="line"><input name=""></td> </tr> </tbody> </table> </body> </html> |
Часовой пояс GMT +3, время: 14:31. |