html中的垂直线

时间：2016-02-11 15:52:45

标签： html signature

我对HTML几乎没有什么困惑。请查看我的HTML代码，并指出错误的位置。

我在网上搜索过但对HTML不太了解。我想要HTML签名;我附加了签名文件以及我的HTML代码。我想要与我在图片中附上相同的签名：

<html>
<head>


<body>

<table border="0">
<tr>
<td rowspan="2" style="text-align:left;vertical-align:top;padding:0">
<img src="http://www.provendo.no/wp-content/uploads/2016/02/logo_email.jpg" alt="Signature" height="80" width="200">
</td>

<td rowspan="2" style="text-align:left;vertical-align:top;padding:0">
<hr class="vertical"/>
<hr style="width:1.5px;height:150px; background-color: #FEFEFE;"/>
</td>

<td rowspan="2" style="text-align:left;vertical-align:top;padding:0"> 
<p> <b>Raymond Wassengen</b><br>Taknisk, Provendo AS</p>
479 33 600 | 99 5000 27 | raymond@provendo.no|
www.provendo.no |
<br>
Nordre fokserod 13, 3241 Sandefjord



</table>

</body>
</html>

enter image description here

1 个答案:

答案 0 :(得分：1)

您需要做的就是向border-left添加td规则，其中包含右侧的信息。我在下面的代码中添加了它。

<html>
<head>


<body>

<table border="0">
<tr>
<td rowspan="2" style="text-align:left;vertical-align:top;padding:0">
<img src="http://www.provendo.no/wp-content/uploads/2016/02/logo_email.jpg" alt="Signature" height="80" width="200">
</td>

<td rowspan="2" style="text-align:left;vertical-align:top;padding:0">
<hr class="vertical"/>
<hr style="width:1.5px;height:150px; background-color: #FEFEFE;"/>
</td>

<td rowspan="2" style="text-align:left;vertical-align:top;padding:0;border-left:solid 1px #ED7500;"> 
<p> <b>Raymond Wassengen</b><br>Taknisk, Provendo AS</p>
479 33 600 | 99 5000 27 | raymond@provendo.no|
www.provendo.no |
<br>
Nordre fokserod 13, 3241 Sandefjord



</table>

</body>
</html>
相关问题
最新问题