bordes redondes

[xavierpaez]

Alguien sabe como en css poner los bordes redondes y con sombra :P como esto www.ricartmat.com/ea/topics/ea_mechanics.htm
no que quede todo recto haci por favor espero sus respuestas

[RollerSky]

Hola xavierpaez te dejo el CSS para que lo revises es el mismo que se usó en esa pagina

Código:

@charset "utf-8";
/* CSS Document */
/*  Mr. Matthews, aquí están los formatos toda la web, cualquier cambio aquí repercute en el todo el site */

/* Color de los enlaces */
a:link {
	font-family: 6px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight:500;
	color:#B0E2FF;
	text-decoration: none;
		}
/* Color de los enlaces visitados */
a:visited {
	font-family: 6px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#4876FF;
	text-decoration:none;
		}
/* Características para las imágenes */
/*img.Photos {
	border:#0000FF;
	margin-top:0px;
	margin-left:10px;
	}*/

/* Características de texto para los títulos de cada Topic */
.Title {
	margin-left:10px;
/*	font-family: "Verdana", Arial, "Courier New", sans-serif; */
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-stretch:narrower;
	color:#00BFFF;
	font-size:16px;
	margin-top:5px;
	}

/* Características de texto para el contenido de cada Topic */
.Text {
	margin-top:0px;
	margin-left:10px;
	margin-right:15px;
	text-align:justify;
/*	font-family: "Verdana", Arial, "Courier New", sans-serif; */
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight:none;
	line-height:18px;
	color:#F0F8FF;
	font-size:11.5px;
	}

/* Características para los Subtítulos */
.SubTitle {
/*	font-family: "Verdana", Arial, "Courier New", sans-serif; */
	margin-left:10px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #00BFFF;
	font-weight: bold;
	font-style:oblique;
	margin-top:-2px;
	}

/* Características para el menú de enlaces (Easy, Hard, Impossible) */
.Reference {
/*	font-family: "Verdana", Arial, "Courier New", sans-serif; */
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight: bold; 
	color:#00BFFF;
	font-size: 10.5px; 
	margin-top:0px;
	margin-left: 10px; 
	margin-bottom: 2px;
	}

/* Características de texto para los enlaces */
.Sublink {
	font-size: 10.5px;
/*	font-family: "Verdana", Arial, "Courier New", sans-serif; */
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	margin-left:2px;
	margin-top:0px;
	line-height: 13px;
	}

.TxtDoit {
	margin-top:0px;
	margin-bottom:-5px;
	margin-left:-20px;
	margin-right:15px;
	text-align:justify;
/*	font-family: "Verdana", Arial, "Courier New", sans-serif; */
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight:none;
	line-height:18px;
	color:#F0F8FF;
	font-size:11.5px;
	}

/* Características de texto para el el texto Lugar y Fecha */
.Place {
/*	font-family: "Verdana", Arial, "Courier New", sans-serif; */
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight: bold; 
	color:#00BFFF;
	font-size: 12px; 
	margin-left:10px;
	}

/* Desarrollado por*/
.XDesign {
/*	font-family: "Verdana", Arial, "Courier New", sans-serif; */
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight: bold; 
	color:#FFFFFF;
	font-size: 9px; 
	margin-left:10px;
	}

/*------ Menu Vertical -------*/
#vmenu {
width: 105px;
float:left
position: relative;
top: 0px;

}

#vmenu ul
{
font: 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;
}

#vmenu li
{
display: inline;
/* for IE5 and IE6 */
}

/*primer plano */
#vmenu a
{
font: 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
margin-left:7.5px;
/*color:#00CCFF;*/
color:#B0E2FF;
text-decoration: none;
font-size: 10px;
display: block;
padding: 3px;
width: 90px;
background-color:transparent;
/*border-bottom: 1px solid #eee;*/
}

/* Color texto*/
#vmenu a:link, #menu a:visited
{
font: 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#B0E2FF;
text-decoration: none;
}

/* Al pasar raton */
#vmenu a:hover
{
font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
background-color: #000066;
color:#FFFFFF;
}

/*Casilla 1*/
#vmenu li a#current
{
/*border-bottom: 2px solid #DAD6B7;*/
text-align:center;
background:url(../images/vmenu.gif);
color:#00BFFF;
font: 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-weight: bold;
}
/* Menu 1 ends here */