jquery - 删除表格滑块jquery项目周围的灰线

Question

最初，我是一个普通的 jquery 滑块项目，项目图像周围没有灰线。然后我决定在项目图像和链接下方插入价格。我将项目 html 编码放在一个表格中，现在项目周围出现一条灰线，如 www.dailycrazydeals.com 所示。

html代码如下所示：

<h1>Daily Deals</h1>
<div id="mi-slider" class="mi-slider">
<ul>
    <li>
<table>
<tbody>
<tr>
<td align="center" valign="center">

<a href="#"><img src="" alt="img11"><h4>test</h4></a>
<hr width="130%" noshade>
   </li>
</td>
</tr>   

                <tr>
                    <td>WAS:</td>
                    <td class="strikethrough">$179.95</td>
                </tr>
                <tr>
                    <td>YOU SAVE:<hr width="130%" noshade></td>
                    <td>$40.00<hr width="100%" noshade></td>
                </tr>
<tr>
<td>$139.95</td>
</tr>
</tbody>
</table>

Answer 1

使用此代码，当您添加您放错 hr 标签的项目时

<hr width="130%" noshade>

只需将其删除，您就会得到：

<h1>Daily Deals</h1>
<div id="mi-slider" class="mi-slider">
<ul>
    <li>
<table>
<tbody>
<tr>
<td align="center" valign="center">

<a href="#"><img src="" alt="img11"><h4>test</h4></a>
<hr width="130%" noshade>
   </li>
</td>
</tr>   

                <tr>
                    <td>WAS:</td>
                    <td class="strikethrough">$179.95</td>
                </tr>
                <tr>
                    <td>YOU SAVE:</td>
                    <td>$40.00</td>
                </tr>
<tr>
<td>$139.95</td>
</tr>
</tbody>
</table>

Answer 2

您需要在 style.css 中覆盖此边框：

table {
    border: 1px solid #ddd;
    margin: 0 0 20px 0;
    text-align: left;
    padding: 5px;
}

Answer 3

你的 css 中有这个：

table {
border: 1px solid #ddd;
margin: 0 0 20px 0;
text-align: left;
padding: 5px;
}

造成的灰色边框border: 1px solid #ddd;