이 플로트가 내 td의 경계 반경에 어떻게 영향을 줍니까?

Question

는 내가 위에 마우스를 가져 가면 호버 클래스를 추가하는 TD이 : 내가 알아낼 수없는 이유

.hover{ 
    border: 1px solid #364861; 
    background: #5979a0 url(img.png) 50% 50% repeat-x; 
    font-weight: bold; 
    color: #ffffff; 
    border-radius: 10px; 
} 

을 경계 속성은 적용되지되었다. 나는 무작위로 클래스에

float: left; 

을 추가, 지금은

의미가 있습니다, 그래서 행복 해요,하지만 난 왜 몰라 ... 작동합니다. 필자는이 문제를 재현 할 수 없다. 내 DOM 어딘가에 내 TD에 영향을주는 클래스가 있어야한다. 그러나 저는 플로트가 어떻게 요소의 테두리 반경에 영향을 미치는지 모릅니다.

나는이 속성들이 어떤 식 으로든 링크되어 있다는 것을 알지 못했습니다.

Answer 1

td가 border-radius 일 수 없기 때문입니다. float을 제공하면 테이블 구조에서 벗어나 자신의 구조를 가진 별도의 요소가되므로 border-radius이 표시됩니다.

모서리가 둥근 테이블 셀에는 사용 사례가 표시되지 않습니다. 따라서 table/td 태그를 잘못 사용하는 것 같습니다. 테이블 데이터가 아닌 경우 table 구조로 입력하지 마십시오. div의 둥근 모서리를 사용하면됩니다.