Cómo cambiar el color de fondo de una tabla en HTML y CSS

  • Autor Autor EspErpENto
  • Fecha de inicio Fecha de inicio
EspErpENto

EspErpENto

Mi
Verificación en dos pasos activada
Verificado por Whatsapp
Hola, estoy intentando dar mis primeros pasos en html y css.

Así las cosas, he logrado crear una tabla en html y también he logrado cambiar el color del fondo de los titulares.

https://gyazo.com/589d2c73d24fb6cb7194935355cdadc3

https://gyazo.com/72c5adedc5899fab74cb549eecdd01c9

El problema lo tengo al intentar pegar el código en la entrada de wordpress, si bien aparece perfectamente la tabla, no logro que cambie el color del fondo.

Estoy sospechando, en este momento que estoy escribiendo esto, que la tabla aparece puesto que es html puro, es decir estrucutura, en cambio el color no funciona puesto que es css, estilo.

Entonces ¿qué puedo hacer?

¿Qué parte del código debo pegar y en lugar, ya que mi style de mi theme trae 3 apartados en cuanto al estilo se refiere:

https://gyazo.com/e24d982fca74d66c829725434b0c8685




<html>


<head>
<title>Página 1</title>
<style type="text/css">


table{
border: 1px solid black;

}

td{
border: 1px solid blue;

}


th{

background-color: green;

}


</style>
</head>
<body>
<h1>EspErpENto!!! Mi primer codigo</h1>
<center>
<table>

<tr>
<th>semana</th>
<th>Madrid</th>
<th>Roma</th>

</tr>



<tr>
<td>Aeropuerto</td>
<td>Hotel 13333333333333333</td>
<td>Hotel 25555555555555555</td>


</tr>
</center>
</body>
</html>
 
Hola

Lo primero advertirte que si escribes estilos en el style.css de tu theme, se machacará cuando actualices. Lo mejor es utilizar un plugin tipo Custom CSS o así (Jetpack incluye un módulo para eso, por si ya lo tienes instalado).
En cuanto a los estilos, al principio lo más fácil es que uses la función en vivo de Firefox o Chrome para aprender con más soltura, y cuando esté todo correcto lo pasas a un archivo de estilo. Puedes hacer en la página click derecho -> inspeccionar elemento y ahí podrás ver y modificar los estilos aplicados a cada elemento de la página.

Un saludo.

Edito. Por cierto, lo del fondo puede ser porque el estilo de tu theme machaque el tuyo (eso también lo podrás ver en la opción de inspeccionar elemento). A veces tendrás que poner algo como

Insertar CODE, HTML o PHP:
.post-content table th { }

para que se vea bien
 
Hola

Lo primero advertirte que si escribes estilos en el style.css de tu theme, se machacará cuando actualices. Lo mejor es utilizar un plugin tipo Custom CSS o así (Jetpack incluye un módulo para eso, por si ya lo tienes instalado).
En cuanto a los estilos, al principio lo más fácil es que uses la función en vivo de Firefox o Chrome para aprender con más soltura, y cuando esté todo correcto lo pasas a un archivo de estilo. Puedes hacer en la página click derecho -> inspeccionar elemento y ahí podrás ver y modificar los estilos aplicados a cada elemento de la página.

Un saludo.

Edito. Por cierto, lo del fondo puede ser porque el estilo de tu theme machaque el tuyo (eso también lo podrás ver en la opción de inspeccionar elemento). A veces tendrás que poner algo como

Insertar CODE, HTML o PHP:
.post-content table th { }

para que se vea bien

No contaba con esto.:drunk:

Bueno, gracias.
 
Soy usuario nuevo en worpress
si q es complicado con los temas
.post-content table th { }
xD
 
Atrás
Arriba