使用表行上的边框半径对角进行舍入，并且单元格边框处有两个单元格

Question

我有一个包含两个单元格的表格行，并且该行有悬停的背景颜色我试图使用边框半径来围绕悬停背景颜色的角落，如下所示：

table tbody tr#ClickableRow:hover td
    {
        background-color: #fbf6e7;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        cursor:pointer; 
    }

<tr id="ClickableRow">
    <td>
<a href="http://somesite.com">Go Here</a>
<p> To find about all the interestng animals found in this tourist attractions including 
zebra, giraffe etc
</p>
    </td>

<td>Call us:444-444-2322</td>
</tr>

它在细胞边界处突破。怎么解决这个问题？我无法选择行本身并应用半径..

Answer 1

将DIV放入TD，在DIV中添加您的内容。将边框应用于DIV而不是TD。