美文网首页
table/span

table/span

作者: 富有的心 | 来源:发表于2017-11-16 11:07 被阅读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>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;******供应商&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>BEIJING SCIENTIFIC TRADE CO.,LTD.
                    <!-- 由以上可以得知:span标签里也可以加文本元素 -->
                    </span><br/>
                    <!-- td标签里本来就可以写数据,strong这里是为了加粗字体 -->
                    <strong>公司地址:</strong>北京市海淀区北四环东路100号***商务楼3000室 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>邮编编码:</strong>100000<br/>
                    <strong>联系电话:</strong> +2610- 81822378   81822805     81822806
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>公司传真:</strong> + 8610-81822379<br />
                    <strong>联系人:</strong> *** &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>电子邮件:</strong> <a href="mailto:***@***.com">***@***.com</a><br />
                    版权所有 &copy; 北京***贸易有限公司<A href="http://www.***.com/">www.***.com</A>&nbsp;&nbsp;&nbsp;&nbsp; <A href="http://www.***.com/" target=_blank>京ICP备0000000号</A>
            </td>
        </tr>
    </table>
    </body>
    </html>
    
    08A8F383-178A-47AF-8ED0-D6183B5BD832.png

    相关文章

      网友评论

          本文标题:table/span

          本文链接:https://www.haomeiwen.com/subject/fhclvxtx.html