[CSS] Zaokrąglone rogi, Nie wiem jak za pomocą CSS'a zrobić zaokrąglone rogi w tabelkach Opcje

[henio]

Właśnie nie wiem jak zrobić w tabeli zaokrąglone rogi. Szukałem na forum i znalazłem temat zamkniętny sprzed ponad 3 lat (więc już nie aktualny). Natmoast w internecie jest strona, ale płatna, więc tu postanowiłem napisać.

Jak bez użycia obrazków w tabeli zrobić zaokraglone rogi?

[angel2953]

Na CSS Play masz masę przykładów jak zrobić zaokrąglone rogi za pomocą CSS i bez obrazków.

[henio]

Są przykłady, ale jaki kod i dlaczego wstawić to już nie jest napisane.

[angel2953]

Są przykłady, ale jaki kod i dlaczego wstawić to już nie jest napisane.

a źródła strony to nie można zobaczyć bo zakodowane ?

[HTML] pobierz, plaintext 
...
<style type="text/css">
 
.curvy {position:relative; width:250px; background:#9caf9c; color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#9caf9c; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#9caf9c; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:5px 10px;}
 
</style>
 
...
 
<h2>Curved Corners</h2>
 
<div class="curvy">
<em id="ctl"><b>•</b></em>
<em id="cbl"><b>•</b></em>
<em id="ctr"><b>•</b></em>
<em id="cbr"><b>•</b></em>
<p>I know it's been done before, but not this way!<br />A box with curved corners into which you can put text that goes right up to the corners.<br />
 
Again, no graphics were used in the making of this demonstration.<br />All it takes is four quadrants of a bullet point positioned absolutely in each corner (arial font this time as it's the safest one to use).</p>
</div>
[HTML] pobierz, plaintext 

[skowron-line]

zaokraglone rogi
mogles poszukac temat ma nawet taka sama nazwe jak twoj