Sesión 11 de html y css



       Este es el html que he usado:

<!DOCTYPE html>

<head>
    <title>Primeras tablas</title>
    <meta charset="utf-8">
    <link type="text/css" rel="stylesheet" href="Prueba sesión 10.css">
</head>

<body>
    <h1>Tablas básicas en html</h1>
    <table>
        <tr>
            <th>Nombre</th>
            <th>Apellidos</th>
            <th>Blog</th>
        </tr>
        <tr>
            <td>Fernando</td>
            <td>del Pino</td>
            <td>https://diariodemilor.blogspot.com/</td>
        </tr>
        <tr>
            <td>Julen</td>
            <td>Baigorri</td>
            <td>https://julenb.blogspot.com/</td>
        </tr>
        <caption>Esta es la tabla que nos han pedido para esta sesión</caption>
    </table>    
</body>


      y este es el css:

*{
    text-align:center;
}

body{
    background-color:#ddfeff;
}

h1{
    border:solid;
    border-width:20px;
    padding:10px;
    background-color:#82ff87;
}

table{
    caption-side:bottom;
    border-collapse: collapse;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    
}

th{
    background-color:#8bff90;
}

td, tr, th{
    border:solid;
    padding:8px;
}

td, tr{
    background-color:#b0ffb3;
}

caption{
    margin-top:20px;
}



       Dejo aquí una foto para que se ponga de miniatura y no se quede fea la entrada  :)



Comentarios

Publicar un comentario