Bordas arredondadas + sombra em CSS

Também denominado border radius (bordas arredondadas) e box shadow (bordas sombreadas), segue o código para configuração nos maiores navegadores disponíveis atualmente.

arredondando

• safari, chrome: -webkit-border-radius:20px;
  
• firefox: -moz-border-radius:20px;
  
• opera: border-radius:20px;
  

exemplo

<blockquote style='border:1px solid #f00; padding:2em; background-color:#eee; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; '>
 
</blockquote>

sombra

• safari, chrome: -webkit-box-shadow:10px 10px 5px #888;
  
• firefox: -moz-box-shadow:10px 10px 5px #888;
  
• opera: box-shadow:10px 10px 5px #888;
  

exemplo

<blockquote style='border:1px solid #f00; padding:2em; background-color:#eee; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; -webkit-box-shadow:10px 10px 5px #888; -moz-box-shadow:10px 10px 5px #888; box-shadow:10px 10px 5px #888;'>
 
</blockquote>