listopad roku pamiętnego 2009, prawdopodobnie 15. Wielka mądrość na
czytelników pl.comp.www spłynęła, gdy tako rzekł(a) Wooyek:

> Moje pytanie dotyczy sytuacji, kiedy chcemy aby jakiś element strony
> (np. menu, czy sidebar) miał obrazkową ramkę - przykładem niech
> będzie kwadrat z cieniem na wszystkich bokach, czy kwadrat z
> "podartymi" brzegami.
>
> Rozwiązanie, jakie do tej pory stosowałem to div "nagłówkowy" z
> górnym brzegiem jako tło, następnie div "główny" z tłem (repeat-y) i
> zawartością strony, a na koniec div "stopkowy" podobny do
> "nagłówkowego".
>
> Zastanawiam się, czy nie dałoby się tego rozwiązać jakoś z poziomu
> CSS, bez wstawiania do HTML tych dwóch dodatkowych div-ów?

Pseudoelementy ::before i ::after.
Można w ten sposób zrobić też zaokraglone rogi dla elementu:
http://virtuelvis.com/gallery/css/rounded/

Tylko jeśli chcesz zachować kompatybilność z pewnymi starymi
przeglądarkami, to w sumie i tak nic nie zrobisz (niby można przez
expressions dodawać kolejne elementy do stylowania, ale prostsze wydaje
mi się stworzenie niesemantycznego HTML-a).
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski