Hola Learing ! (Espero no haber llegado tarde con este mensaje.)
Hay una manera de "
darle curvaturas" a tu Web; pero tiene más de curiosidad que de utilidad, ya que es dificil acomodar este adefesio en cualquier página. Para peor, sólo funciona en
IE4+, los demás navegadores lo ven como un borde coloreado, que es conveniente ocultarles con algún escript.
Si bien parece que todos interpretamos que querías un borde redondeado para el contenido de la página, tu pregunta me suena un poco más amplia, así que te posteo el código para un
<TEXTAREA> ( sé que tengo hecho uno en una tabla, pero por ahora no lo encuentro ).
Código:
<html>
<head>
<title>BORDE ALPHA EN TEXTAREA.</title>
<style>
<!--
div{position:absolute;background:blue;}
.alfa2{filter:alpha(style=2)}
.alfa3{filter:alpha(style=3)}
// -->
</style>
</head>
<body bgcolor=#ccccff>
<table align=center style='margin:0px'
bgcolor=transparent height=360 width=460>
<tbody><div>
<div class=alfa2 style="height:60px;
width:60px; left:0px; top:0px; "> </div>
<div class=alfa3 style="height:60px;
width:460px; left:0px; top:0px; "> </div>
<div class=alfa2 style="height:60px;
width:60px; left:400px; top:0px; "> </div>
<div class=alfa3 style="height:360px;
width:60px; left:0px; top:0px; "> </div>
<div class=alfa2 style="height:60px;
width:60px; left:0px; top:300px; "> </div>
<div class=alfa3 style="height:60px;
width:460px; left:0px; top:300px; "> </div>
<div class=alfa2 style="height:60px;
width:60px; left:400px; top:300px; "> </div>
<div class=alfa3 style="height:360px;
width:60px; left:400px; top:0px; "> </div>
<textarea style="position:absolute;
left:40px; top:60px; background:transparent;
width:400px; height:240px; border:none;
overflow-x:hidden; overlow-y:scroll;
scrollbar-arrow-color:white;
scrollbar-face-color:blue;
font:30px 'times new roman'; padding:20px;"
wrap=physical >
QWERTYUIOPQWERTYUIOPQWERTYUIOPQWERTYUIOP
QWERTY
QWERTY
QWERTY
QWERTY
QWERTY
QWERTY
</textarea>
</div></tbody>
</table>
</body>
</html>