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

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.