테이블에 둥근 모서리를 만들려고하는데 단 하나의 모서리가

이므로 테이블 클래스로 테이블을 만들었고 테이블에 둥근 모서리가 있어야하지만이 코드는 모든 셀 반올림을 제공합니다. 테이블 만 반올림하는 방법? 당신이테이블에 둥근 모서리를 만들려고하는데 단 하나의 모서리가

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
table 
{ 
border-collapse:collapse; 
} 
table, td, th 
{ 
/* This is to have rounded corners */ 

border:1px solid black; 
/* change to 1 if border needed */ 
} 
table.margin 
{ 
margin-top:25px; 
} 

table.margin2 
{ 
margin-top:15px; 

border-radius:5px; 
-moz-border-radius:5px; 
}

출처

2012-06-30 Anonymous

귀하는, 테이블에서 둥근 모서리 코드를 취할 TD 필요할 것 감사합니다 테이블로 이동하면 그 사람의 모든 요소에 둥근 모서리 코드를 적용되지만 때문에 일 {/* 둥근 모서리 코드는 여기에 * /} 그러면 td와 th에 적용되지 않습니다.

이 코드는 나를 크롬에서 작동합니다. 테이블을 사용하는 경우

<!DOCTYPE html> 
<html> 
    <head> 
    <style type=text/css> 
     .rounded_edges { 
     -moz-border-radius: 15px; 
     border-radius: 15px; 
     border: 1px solid black; 
     } 
    </style> 
    </head> 

    <body> 
    <table class="rounded_edges"> 
     <tr> 
     <th>Head 1</th> 
     <th>Head 2</th> 
     <th>Head 3</th> 
     </tr> 
     <tr> 
     <td>Cell 1-1</td> 
     <td>Cell 1-2</td> 
     <td>Cell 1-3</td> 
     </tr> 
     <tr> 
     <td>Cell 2-1</td> 
     <td>Cell 2-2</td> 
     <td>Cell 2-3</td> 
     </tr> 
    </table> 
    </body> 
</html>

출처

2012-06-30 00:57:10 bloveless

나는 CSS의 맨 아래에있는 국경 반경을 놓친 것. 죄송합니다. – bloveless

, 바로 스타일에 넣고 :

border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;

출처

2013-12-22 06:31:33

테이블에 둥근 모서리를 만들려고하는데 단 하나의 모서리가

답변

관련 문제