被html表卡住了

被html表卡住了,html,css,Html,Css,我正在尝试创建下表 我的代码 <html> <head> <style> td { border: none; } </style> </head> <body bgColor="pink" link="red" text="black" link="blue" vlink=&quo

我正在尝试创建下表

我的代码

<html>
    <head>
        <style>


td {
    border: none;
}

        </style>
    </head>
    <body bgColor="pink" link="red" text="black" link="blue" vlink="green" alink="blue">
        <center>
            <font color="red" size="6">
                    E-games
            </font>
        <br/>
            </center>
            <br clear="right" />
            E-GAMES is a website offering new and friendly games for all games
            <image align="right" src="games.jpg" width="100" height="100"/>
            <br/>
                <b> Games Offered </b>
            <ol>
                <li>
                    Individual Games
                        <ul type="square">
                            <li> 
                                Spelling Bee 
                            </li>
                            <li> 
                                Zuma Deluxe
                            </li>
                            <li> 
                                Mario
                            </li>
                        </ul>
                </li>
                <li>
                    Group Games
                    <ul type="circle">
                            <li> 
                                Chess
                            </li>
                            <li> 
                                Billiards
                            </li>
                            <li> 
                                Snooker
                            </li>
                        </ul>
                </li>
                </ol>
                <b>You can also buy CDs of following games through our site</b>
                <center>
                Price List
                </center>
            <table width="50%" align="center" border="2" bordercolor="blue" >
                
    
                <th> Game Name </th>
                <th> Price </th>
                <tr>
                    <td>
                        Spelling Bea
                    </td>
                    <td>
                        Rs. 200
                    </td>
                </tr>
                <tr>
                    <td>
                        Billards
                    </td>
                    <td>
                        Rs. 300
                    </td>
                    
                </tr>
                <tr>
                    <td>
                        Snooker
                    </td>
                    <td>
                        Rs. 400
                    </td>
                </tr>
            </table>
        </p>
        
    </body>
</html>
我试图通过在html中嵌套表来实现这一点。但它不起作用。现在我认为如果不使用css,这是不可能做到的。为此,您必须使用CSS。 我试过什么


但到目前为止,我无法实现示例图像中显示的表格,这只是单元格间距

桌子{ 边框:1px纯黑; 边界间距:10px; 边界塌陷:分离; } th,td{ 边框:1px纯蓝色; } 一 二 一 二 一 二
欢迎来到StackOverflow!请阅读,@Rojo对这个问题做了进一步澄清。说吧。我会补充更多细节。如果你想投一两张赞成票,我建议改为一个问题的标题,而不是一份声明。您可能还应该将当前输出与预期输出进行比较。谢谢@埃帕斯卡雷罗。我真的很感激你所做的一切。