使用CSS样式化表格？

Question

我创建了一个表格,在其中我将在图像旁边的单元格中显示一个人的图像和有关它们的信息.我的代码如下

<table border="0" cellpadding="0" cellspacing="0" width="50%">
    <tr>
        <td class="bg" colspan="2">JEFF DAVIS</td>
    </tr>

    <tr>
        <td width="24%">
            <img height="150" src="file:///C|/Users/Daniel/Desktop/photo1.jpg" width="150">
        </td>

        <td width="76%">
            <p>Name: Jeff Davis</p>

            <p>Favourite Color: Yellow</p>

            <p>Favourite Animal: My Cat</p>

            <p>Favourite Super Hero: Superman</p>
        </td>
    </tr>

    <tr>
        <td colspan="2">Facebook Twitter Email</td>
    </tr>
</table>

在我保留信息的单元格中,或者我希望在两列中有子弹点的人的"个人资料".有人可以告诉我怎么做吗？另外我想顶部单元格,大写字母的边缘有圆角,我相信我可以用CSS做到这一点,但我是一个完整的新手.

Answer 1

这是你提到的使用点的示例的jsfiddle.

<ul>   
     <li><p>Name: Jeff Davis</p></li>
     <li><p>Favourite Color: Yellow</p></li>
     <li><p>Favourite Animal: My Cat </p></li>
     <li><p>Favourite Super Hero: Superman</p></li>
</ul>

http://jsfiddle.net/kzgfu/

这需要你吗？

Ps:我不太明白你的首都是什么意思有圆边.你能展示一下你的意思吗？

来自Danko的圆形细胞http://jsfiddle.net/kzgfu/1/

我的另一个圆形细胞:http://jsfiddle.net/kzgfu/2/