Narożniki stołu zaokrąglania bez tła?

Question

Czy można zaokrąglać narożniki stołu (inline) bez użycia tła?

Answer 1

Live Demo

table{ 
    background: red; 
    border-radius:10px; 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
} 

westchnienie i inline ...

<table style="background: red;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;"> 

Nie bardzo wiadomo, co masz na myśli poprzez przekształcenie komórkę div chociaż.

Answer 2

Tak, możesz to zrobić. spróbuj poniższego kodu.

#example1 { 
-moz-border-radius: 5px; 
-khtml-border-radius: 5px; 
-webkit-border-radius: 5px; 
} 

Aby uzyskać więcej informacji, skorzystaj z samouczka this.

Answer 3

Ten przykład utworzy granic zaokrąglone na wszystkich zakątków 5 px

#example{ 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
} 

Jeśli chcesz różnych zaokrąglone graniczy z różnych stron, lub konkretnych zaokrąglonymi narożnikami zmodyfikować poniższy kod na

#example1{ 
-webkit-border-top-left-radius: 5px; 
-webkit-border-top-right-radius: 10px; 
-webkit-border-bottom-right-radius: 20px; 
-webkit-border-bottom-left-radius: 15px; 
-moz-border-radius-topleft: 5px; 
-moz-border-radius-topright: 10px; 
-moz-border-radius-bottomright: 20px; 
-moz-border-radius-bottomleft: 15px; 
border-top-left-radius: 5px; 
border-top-right-radius: 10px; 
border-bottom-right-radius: 20px; 
border-bottom-left-radius: 15px; 
} 

Sprawdź http://border-radius.com/

Answer 4

Styl śródliniowy nadal ma zastosowanie do kodowania wiadomości e-mail. To jest istotne.