html - 用 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>

在我保存信息或人员“个人资料”的单元格中，我希望在两列中包含要点。有人可以告诉我该怎么做吗？ 此外，我希望顶部单元格的大写字母具有圆 Angular 边缘，我相信我可以使用 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/

这是你想要的吗？

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

Danko 的圆形电池 http://jsfiddle.net/kzgfu/1/

我的另一个圆形单元格:http://jsfiddle.net/kzgfu/2/