Gör en bakgrund som är 40 pixlar bredare än din "box", sedan gör du 20 pixlars skugga på varje sida på bilden och sätter den som bakgrund på body, då kan du åstadkomma det som medieteknik.nu har.
För det andra exemplet så kan du antingen dela in sidan i olika delar med bilder som du repeterar och sedan speciella bilder för hörnen. Eller så kan du använda en stor bild som du wrappar i en div med en padding på 20 pixlar åt de håll som du vill ha skugga åt.
Dessutom så finns "box-shadow" i CSS, det finns dock väldigt dåligt stöd för detta. Vad jag vet så funkar det enbart i Firefox (Gecko) och Safari (Webkit).
Det sista alternativet är att använda ett Javascript bibliotek (ex. jQuery) för att generera en skugga. En Googling gav:
http://www.bioneural.net/2008/02/13/corner...ws-with-jquery/
Lycka till!