html - 如何在使用垂直对齐属性 html 时删除边框

Question

这是我的代码:

<table width="90%" align="center" bgcolor="#669999" border="10" cellpadding="0" cellspacing="0">
    <tr>
        <td style="border-width:0px 0px 0px 0px; font-family: Nyala; font-size: 90px; color: #000;"><p><span class="font1">Name<br /></span>
        Name2</p></td>
        <td width="300" align="center" style="vertical-align:top" style="border-width:0px 0px 0px 0px"><img src="pictures/logo - without bg.png" width="200" height="200" alt="logo-without bg" /></td>
  </tr>
</table>

我的问题:

当我不使用 style="vertical-align:top" 属性时，第二列周围没有细边框。但是，当我确实使用此属性时，我不知道从哪里获得边框，而我使用的 border-width 属性设置为 0。

我不想在使用vertical-align 属性时得到任何类型的边框。

Answer 1

您复制了 html 元素 td 的样式属性。您必须在 1 个属性中指定所有不同的样式，以分号分隔。变化

<td width="300" align="center" style="vertical-align:top" style="border-width:0px 0px 0px 0px"><img src="pictures/logo - without bg.png" width="200" height="200" alt="logo-without bg" /></td>

进入

<td width="300" align="center" style="vertical-align:top;border-width:0px 0px 0px 0px"><img src="pictures/logo - without bg.png" width="200" height="200" alt="logo-without bg" /></td>