kan man sätta skugga bakom "rutor" i css?

Detta är genom css bara möjligt att göra med css3. Det är inte många browsers som har stöd för detta... Så jag skulle rekomendera dig att använda dig av de fulhack som finns. www.alistapart.com är en bra site att börja leta på.

Rundade hörn finns det flera tekniker för, men det är rätt bökigt. Googla på t.ex. "css rounded corners". Jag har börjat använda Nifty Corners, en javascriptlösning, åtminstone för utveckling. Möjligen byter jag ut det mot ren CSS när projektet ska lanseras, men det är skönt att slippa allt pill när man skissar.

Skuggor gör man nog ofta i samma veva som man rundar hörn - man smackar på bilder som har dels hörnrundning och dels skugga. Googla "rounded corners dropshadow css".

Som Helmutt säger finns det inget enkelt och givet sätt att lösa det, men det går om man trixar.

http://www.canyonjam.net/samples.html

Skuggor ka man göra på lite olika sätt.
Låt säga att du har en bild.

<img src="#" id="bilden" alt="bilden" />

om vi i css:n skriver så här:

img#bilden
{
border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
border-top: 1px #c0c0c0 solid;
border-left: 1px #c0c0c0 solid;
}

Så kommer vi att få en 2dimensionell skugga á la windows stuk...
Men riktiga skuggor går inte än (css3) som nämnts ovan.

EDIT:

Blir ju ännu snyggare om man sätter höger och botten bordern till 2px:

img#bilden
{
border-right: 2px #000 solid;
border-bottom: 2px #000 solid;
border-top: 1px #c0c0c0 solid;
border-left: 1px #c0c0c0 solid;
}

Sen finns ju den här metoden för skugga:
http://www.hoglind.org/css-solutions/dds.php
Just denna är en text, men att göra samma sak med en div borde inte vara något bekymmer.

För er som inte orkar klicka på länken, går det ut på att man lägger samma grej bakom med lägre z-index och justerad färg. (Det tror jag iallafall, utan att sätta mig in i det alltför djupt.)