A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

用的是table

<html>
        <body>
                <table border="1">                       
                        <tr bgColor="00ccff" align="center">
                            <td width='7%' >商品编号</td>
                                <td>商品名称</td>
                                <td width='14%'>京东价</td>
                                <td width='8%'>返现</td>
                                <td width='8%'>赠送积分</td>
                                <td width='9%'>商品数量</td>
                                <td width='7%'>删除商品</td>
                        </tr>
                        <tr align="center">
                                <td>10808005</td>
                                <td><a href='http://www.360buy.com/product/10808005.html'>
                                    <img src='jobs.jpg' width="30" , height="30" border='none'align="top"/>
                                        史蒂夫?乔布斯传(Steve Jobs:A Biography乔布斯唯一正式授权传
记简体中文版)</a>
                                </td>
                                <td><font color="red">&yen;51.00</font></td>
                                <td>&yen;0.00</td>
                                <td>0</td>
                                <td><a href='' title='减一'><img src='bag_close.gif' border='none' /></a>
                                 <input type='text' name='add' maxlength='4' size="1" value='1'/>
                                 <a href='' title='加一'><img src='bag_open.gif' border='none' /></a>
                                   </td>
                                <td><a href=''>删除</a></td>
                           </tr>
                        <tr align="center">
                                <td>529236</td>
                                <td><a href='http://www.360buy.com/product/529236.html'>
                                    <img src='msi.jpg' width="30" , height="30" border='none'align="top"/>
                                    微星(msi)Z68S-G43 (G3)主板(IntelZ68 (B3)/LGA1155)</a>
                                </td>
                                <td><font color="red">&yen;619.00</font></td>
                                <td>&yen;0.00</td>
                                <td>0</td>
                                <td><a href='' title='减一'><img src='bag_close.gif' border='none' /></a>
                                        <input type='text' name='del' size='1' value='1'/>
                                           <a href='' title='加一'><img src='bag_open.gif' border='none' /></a>
                                   </td>
                                <td><a href=''>删除</a></td>
                        </tr>
                        <tr>
                                <td colspan="7" align="right">
重量总计:1.25kg&nbsp;&nbsp;&nbsp;原始金额:&yen;670.00元 - 返现:
&yen;0.00元<br />
                                <font size="4"><b>商品总金额:</font>
<font color="red">&yen;670.00元</font></b></td>
                        </tr>
                </table>
        </body>
</html>
如图~



简单的table实现

<html>
        <body>
                <table border="1" width="300">
                        <tr>
                                <td rowspan="2">&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                        </tr>
                        <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                        </tr>
                        <tr>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                                <td>&nbsp;</td>
                        </tr>
                </table>
        </body>
</html>
如图~


---------------------
【转载,仅作分享,侵删】
作者:如果东京不快乐
原文:https://blog.csdn.net/qq_41664272/article/details/88817506
版权声明:本文为博主原创文章,转载请附上博文链接!

1 个回复

倒序浏览
奈斯,感谢分享!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马