두 개의 셀이있는 테이블 행에서 경계 반경을 사용하여 모서리를 반올림합니다.

두 개의 셀이있는 테이블 행이 있습니다. 행에 호버 배경색이 있습니다. 이처럼 테두리 반경을 사용하여 호버 배경색 모서리를 둥글게하려고합니다. :두 개의 셀이있는 테이블 행에서 경계 반경을 사용하여 모서리를 반올림합니다.

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>

셀 경계에서 깨지기 쉽습니다. 이 문제를 어떻게 해결할 수 있습니까? 행 자체를 선택하고 반지름을 적용 할 수 없습니다.

출처

2012-01-24 Anju Thapa

이 문제가 발생했습니다. 원인은 셀 테두리의 둥근 경계를 가로 지르는 테이블의 테두리 또는 다른 요소와 관련이 있습니다. –

DIV을 TD 안에 넣고 DIV에 내용을 추가하십시오. 경계선을 TD 대신 DIV에 적용하십시오.

출처

2012-01-24 21:53:15

두 개의 셀이있는 테이블 행에서 경계 반경을 사용하여 모서리를 반올림합니다.

답변

관련 문제