table/span
2017-11-16 本文已影响0人
富有的心
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#footer{
text-align: left;
position: relative;
}
#footer td{
line-height: 1.8em;
padding: 3em 8em 1 em;
text-align: center;
height: 150px;
color: #333;
}
#footer .footer_logo {
position:absolute;
left:-92px;
top:-24px;
filter:alpha(opacity=60);
opacity:.6;
}
#footer td .f14 {
font-size:14px;
position:relative;
text-align:left;
}
</style>
</head>
<body>
<!-- 为什么用到table？ -->
<table id="footer" cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td >
<span class="f14">
<span class="footer_logo">
<a href="http://www.baidu.com/" target="_blank">
<img src="images/logo2.gif" height="60" border="0" longdesc="http://www.baidu.com/">
</a>
</span>
<strong>北京***贸易有限公司</strong>
******供应商 <br/>BEIJING SCIENTIFIC TRADE CO.,LTD.
<!-- 由以上可以得知：span标签里也可以加文本元素 -->
</span><br/>
<!-- td标签里本来就可以写数据，strong这里是为了加粗字体 -->
<strong>公司地址：</strong>北京市海淀区北四环东路100号***商务楼3000室 <strong>邮编编码:</strong>100000<br/>
<strong>联系电话:</strong> +2610- 81822378 81822805 81822806
<strong>公司传真:</strong> + 8610-81822379<br />
<strong>联系人:</strong> *** <strong>电子邮件:</strong> <a href="mailto:***@***.com">***@***.com</a><br />
版权所有 © 北京***贸易有限公司<A href="http://www.***.com/">www.***.com</A> <A href="http://www.***.com/" target=_blank>京ICP备0000000号</A>
</td>
</tr>
</table>
</body>
</html>
08A8F383-178A-47AF-8ED0-D6183B5BD832.png
