Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Zaokrąglone rogi jako łuk
IceManSpy
post
Post #1





Grupa: Zarejestrowani
Postów: 1 006
Pomógł: 111
Dołączył: 23.07.2010
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Witam

Mam problem z podejściem do tematu. Chcę zrobić przycisk (link), który ma border (zielony kolor to środek przycisku, gdzie będzie treść, a różowy to ramka):

(IMG:http://img185.imageshack.us/img185/3383/pror.th.png)

I mam taki łuk (+ jego odpowiedniki na każdy z końców) gdzie zielony kolor to przeźroczysty:

(IMG:http://img593.imageshack.us/img593/1440/zao.th.png)

I teraz pytanie, jak zrobić, aby każdy z tych łuków był na rogach, ale było to elastyczne (tzn różna szerokość lub wysokość przycisku, ale stały rozmiar ramki >>border: X px<<, gdzie X to stała dla całej strony)? Myślę o takim rozwiązaniu:
http://kalsey.com/2003/07/rounded_corners_in_css/

Oraz czy jak mam prostokątny przyciski dam te zaokrąglenia, które są przezroczyste, to czy będzie widać te prostokątne końcówki?
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 22:12