Caixas com cantos arredondados e sombras

Olá estava tentando criar uma caixa com cantos arredondadas e usei um tuto com as imagens prontas para testar e depois adaptar .

Mas acabou não dando certo!! não consegui visualisar !!

E a seguir as regras CSS para posicionar as imagens:

blockquote {

 max-width: 620px;
 background: url(rs-right.png) right repeat-y }

blockquote:before {

 display: block;
 line-height: 0;
 background: url(rs-topright.png) top right no-repeat;
 content: url(rs-topleft.png) }

blockquote:after {

 display: block;
 line-height: 0;
 background: url(rs-bottomright.png) bottom right no-repeat;
 content: url(rs-bottomleft.png) }

O HTML é simplesmente, o mostrado a seguir:

<blockquote>
<p>Você vê uma caixa na cor verde com cantos

arredondados e sombra, assentada em um fundo branco? Se não vê, seu browser não consegue "entender" a propriedade CSS para gerar conteúdo

denominada "content".</p>
</blockquote>] Fiz a pagina css e coloquei o link em uma pagina .php dai inseri o HTML na pagina e só ficou aparecendo o escrito!! o texto... 

 Qual seria o erro???

 

 Este é o link do tuto com as imagens!!

 

 :D