Foros Club Delphi - tabla con color usando php con css

Foros Club Delphi (https://www.clubdelphi.com/foros/index.php)

- PHP (https://www.clubdelphi.com/foros/forumdisplay.php?f=15)

- - tabla con color usando php con css (https://www.clubdelphi.com/foros/showthread.php?t=48419)

tabla con color usando php con css

hola maestros

tengo una duda de como ponerle color a la tabla, los bordes y fondos usando php y css

ya vi este post donde sale como ponerle color al echo

teniendo como base [por dec]

Código PHP:


		
			
<link href="estilo.css" rel="stylesheet" type="text/css" media="screen">

<!-- Esto ya es PHP -->
<?php echo'<div class="midiv">¡Hola mundo!</div>'; ?>

yo eh logrado esto: Ver Tabla
lo que me falta es como ponerle color a los bordes y el fondo usando css.

tabla.php

Código PHP:


		
			
<link href="estilo_3.css" rel="stylesheet" type="text/css">
<?
echo "<table border='1'> \n";
echo "<tr> \n";
echo '<td><div class="letra"><b>Columna 1</b></td> ';
echo '<td><div class="letra"><b>Columna 2</b></td> ';
echo "</tr> \n";
?>

estilo.css

Código:

.letra {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-style: normal;

    color: #0033FF;

    font-weight: bold;

}

Me gustaria lograr algo como esto: Ver tabla

Fondo verde: bgcolor="#99FF66"
Bordes: bordercolor="#000033"

Saludos

Hola...

Solo coloca esas dos propiedades en .letra y debes obtener el resultado esperado...

Saludos...

Código:



<!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" lang="es" xml:lang="es">

<head>

<title>Titulo</title>



<style>



.mitabla {

    font: normal bolder 12px Verdana, Geneva, Arial, Helvetica, sans-serif;

    color: #0033FF;

    background: #99FF66;

}



.mitabla, .mitabla td , .mitabla th {  border: 1px solid #000033; }



.mitabla th {  background: Black;  color: white; }



</style>



</head>



<body>



<table class="mitabla">



<tr><th>Col1</th><th>Col2</th></tr>

<tr><td>Cel1</td><td>Cel2</td></tr>

<tr><td>Cel3</td><td>Cel4</td></tr>



</table>



</body>

</html>

Saludos