Hola a todos. tengo el siguiente problema. Necesito colocar un fondo de color gris con esquinas redondeadas y nose como hacerlo. estoy desesperado.
Mi codigo es el siguiente:
Código HTML:
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="estilo.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="img/col_izq.gif"> <img name="col_izq" src="img/col_izq.gif" width="9" height="15" border="0" id="col_izq2" alt="" /></td>
<td width="985" valign="top"><table width="985" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img name="head" src="img/head.gif" width="985" height="67" border="0" id="head" alt="" /></td>
</tr>
<tr>
<td align="center" background="img/top.gif"><table width="98%" height="30" border="0" cellspacing="0" cellpadding="4">
<tr valign="top">
<td class="MenuPath"><span class="Estilo7">Home / Diplomados y Cursos por Área</span></td>
<td width="100" class="HeadLinks"><a href="#" class="HeadLinks"><strong>Quiénes Somos</strong></a></td>
<td width="100" class="HeadLinks"><a href="#" class="HeadLinks"><strong>Nuestros Clientes</strong></a></td>
<td width="130" class="HeadLinks"><a href="#" class="HeadLinks"><strong>Preguntas Frecuentes</strong></a></td>
<td width="80" class="HeadLinks"><a href="#" class="HeadLinks"><strong>Contáctenos</strong></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="500" align="center" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="207" height="524" align="center" valign="top"><div id="Menu_Campos_Niv_1">
<div align="left">
<div class="Titulo Estilo1" id="div">
<div align="left">
<div id="div2"><span class="Titulo Estilo1">
</span>
<div align="left">
<p><span class="Estilo1 Estilo6"><a href="#">Diplomados y Cursos por Área </a></span></p>
</div>
</div>
<div align="left" class="Estilo8"></div>
<div class="Estilo8" id="div2">
<div align="left">
<p><a href="#"><span class="Estilo1 Estilo9">Diplomados y cursos por sedes </span></a></p>
</div>
</div>
<div align="left" class="Estilo8"></div>
<div class="Estilo8" id="div2">
<div align="left">
<p><span class="Estilo1 Estilo9">Cursos según su Empresas</span></p>
</div>
</div>
<div align="left" class="Estilo8"></div>
<div class="Estilo8" id="div2">
<div align="left">
<p><a href="#"><span class="Estilo1 Estilo9">Gestión de Capacitación</span></a></p>
</div>
</div>
<div align="left" class="Estilo8"></div>
<div class="Estilo8" id="div2">
<div align="left">
<p><a href="#"><span class="Estilo1 Estilo9">Programas Especiales</span></a></p>
</div>
</div>
<div align="left" class="Estilo8"></div>
<div id="div2">
<div align="left"><a href="#"><span class="Estilo1 Estilo6 Estilo8"> Cursos Gratuitos </span></a></div>
</div>
<div id="div2">
<div align="left">
<p class="Titulo Estilo1 Estilo8"><a href="#"> Servicios con Clave</a></p>
</div>
</div>
<p> </p>
</div>
</div>
<div id="div"><div align="left"></div>
</div>
</div>
</div>
</td>
<td width="573"><table width="98%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td colspan="2"><p class="rojo">Área Administración y Negocios </p>
<table border="0" cellpadding="2" cellspacing="0" width="100%">
<tbody>
<tr>
<td colspan="4"><p id="cursos">Cursos Programados</p></td>
</tr>
<tr class="tabla">
<td align="left" width="299"><h5>Nombre del Curso</h5></td>
<td align="left" width="52"><h5>Horas</h5></td>
<td align="left" width="4"> </td>
<td align="left" width="168"><h5>Sedes</h5></td>
</tr>
<tr>
<td align="center"><div align="left"><a href="http://www.jec.cl/inacap/Areas-adm-y-neg-detalle.htm">Ver sedes donde se imparte </a></div></td>
</tr>
<tr>
</tr>
</table>
</body> necesito colocar el fondo gris con esquinas redondeadas desde los titulos nombre del curso, Horas, Sedes y en la ultima fila tambien va redondeado.
Es como una tabla con las 4 esquinas redondeadas.
Alguien me recomendia donde puedo encontrar una imagen para esto y como redondeo las esquinas.
de antemano muchas gracias