domingo, 16 de septiembre de 2018

Creación Tabla con CSS en una página HTML

Aparte de otros cursos que estoy realizando, hoy estoy con el de  HTML5, y acabo de terminar de realizar un ejemplo de como realizar una tabla en html con modificadores de diseño con CSS.

Está sería la tabla que vamos a crear, y con el diseño que se ve en la fotografía.









El código es el siguiente:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo Tabla</title>

<style>

    table{
        color:crimson;
        font-size: 20px;
               
    }

    th{
       
        background: -moz-linear-gradient(top, #00f, #0cf);
        font-weight: bold;
        color:aliceblue;
    }
   
    td{
       
        background:#EDF1E4;
        color:blue;
    }
   
</style>   
   
</head>

<body>

<table border="1" width="400" height="50">
        <caption>Tabla de Actividades</caption>
        <tr>
            <th>Id_Act</th>
            <th>Tipo</th>
            <th>Subtipo</th>
        </tr>
        <tr>
            <td>1</td>
            <td>Estancia</td>
            <td>Hotel</td>
        </tr>
   
        <tr>
            <td>2</td>
            <td>Estancia</td>
            <td>Casa Rural</td>
        </tr>
   
</table>
   
   
   
   
</body>
</html>

En la próxima entrada explicaremos un poco el código insertado.

No hay comentarios:

Publicar un comentario

Gracias por participar en esta página.