Foros del Web - Ver Mensaje Individual

emprear · #6 (**permalink**) 12/10/2012, 18:02

Podés hacer algo así

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
 
<style type="text/css">
/*<![CDATA[*/
table {
border-collapse: separate;
border-spacing: 0px 5px; 
background: blue;
border-left: 3px solid blue;
border-right: 3px solid blue;
}
 
td{
border-top: 2px solid #000;
border-bottom: 2px solid #000;
background: cyan;
}
/*]]>*/
</style>
</head>
<body>
    <p>tabla 1</p>
<table cellspacing="0" cellpadding="6" id="uno">
 
        <tr class="fila">
            <td colspan="1" align="center" valign="top" width="1">texto</td>
            <td colspan="1" valign="top">texto</td>
            <td width="85" valign="top" align="center">texto</td>
            <td width="200" valign="top" align="right"><div style="text-align: center;">texto</div></td>
        </tr>
        <tr class="fila">
            <td colspan="1" align="center" valign="top" width="1">texto</td>
            <td colspan="1" valign="top">texto</td>
            <td width="85" valign="top" align="center">texto</td>
            <td width="200" valign="top" align="right"><div style="text-align: center;">texto</div></td>
        </tr>
 
</table>
</body>
</html>

faltaría que le des un borde izquierdo a la primer celda de cada fila y un derecho a la última

SAludos