Borda arredondada com ou sem imagem, css

[Tatiana Carrazzoni]

Gostaria de fazer uma caixa com borda e fundo degradê, como posso fazer isso..

tentei fazer mas n consegui, ai vai o link da imagem para vocês saberem o erro q ta dando...

o degradê não acompanha a borda até embaixo...

tentei fazer pelo modelo do site http://www.html.it/articoli/nifty/index.html, mas não consegui, a borda não fica arredondada...

o link da imagem é:

agradeço quem puder me ajudar...

[Diogo Freitas]

Você pode criar uma imagem em ilustrato ou photoshop ou outro programa qualquer e depois pô-la como fundo de uma tabela sem repetção.

penso que é a maneira mais fácil.

abraço

[Norivan Oliveira]

head

<style type="text/css">
body{padding: 20px;background-color: #FFF; text-align: center;
    font: 76% Verdana,Arial,sans-serif}
h1,h2,p{margin: 0 10px}
h1{font-size: 250%;color: #4396D8;letter-spacing: 1px}
h2{font-size: 200%;color: #FFF}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#container{width:500px;margin: 0 auto;text-align:left}
div#content{background: #9DD4FF;width:350px}
div#nav{float: right;width:140px;background: #E5FFC4}
div#nav p{padding: 5px 0}
div#nav h2{font-size: 110%;color: #333}
</style>
<link rel="stylesheet" type="text/css" href="http://www.html.it/articoli/nifty/niftyCorners.css">
<link rel="stylesheet" type="text/css" href="http://www.html.it/articoli/nifty/niftyPrint.css" media="print">
<script type="text/javascript" src="http://www.html.it/articoli/nifty/nifty.js"></script>
<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
    return;
Rounded("div#content","#fff","#9DD4FF");
Rounded("div#nav","#fff","#E5FFC4");
}
</script>

body

<div id="content">
<br>
eu sou redonda
<br>
</div>

mais facil que isso só se for 2.2

[Tatiana Carrazzoni]

o problema agora é que o bg é degradê, como faço isso?????

agradeço a atenção

[KaKarotto]

Posta o seu código Tatiana...fica mais fácil ajudar nesse caso, já que deve ser alguma instrução simples no Css.

Lá no site do Nifty Corners eu não vi nenhum parâmetro para fundo degradê, nem vi exemplo lá disso. Então deve estar fazendo a parte. Poste apenas o código da div que está fazendo.

Akeleabraço

[Eu o Mister HTML !!!]

head

CODE

<style type="text/css">

body{padding: 20px;background-color: #FFF; text-align: center;

font: 76% Verdana,Arial,sans-serif}

h1,h2,p{margin: 0 10px}

h1{font-size: 250%;color: #4396D8;letter-spacing: 1px}

h2{font-size: 200%;color: #FFF}

p{padding-bottom:1em}

h2{padding-top: 0.3em}

div#container{width:500px;margin: 0 auto;text-align:left}

div#content{background: #9DD4FF;width:350px}

div#nav{float: right;width:140px;background: #E5FFC4}

div#nav p{padding: 5px 0}

div#nav h2{font-size: 110%;color: #333}

</style>

<link rel="stylesheet" type="text/css" href="http://www.html.it/articoli/nifty/niftyCorners.css">

<link rel="stylesheet" type="text/css" href="http://www.html.it/articoli/nifty/niftyPrint.css" media="print">

<script type="text/javascript" src="http://www.html.it/articoli/nifty/nifty.js"></script>

<script type="text/javascript">

window.onload=function(){

if(!NiftyCheck())

return;

Rounded("div#content","#fff","#9DD4FF");

Rounded("div#nav","#fff","#E5FFC4");

}

</script>

body

CODE

<div id="content">

<br>

eu sou redonda

<br>

</div>

mais facil que isso só se for 2.2

Eu prefiro fazer isso com imagens e tabelas, segundo Diogo Freitas

Abraço

[Norivan Oliveira]

/* Tadinho do pessoal que usa discada */