Dar formato personalizado a filas o columnas de una tabla con CSS y span

sabogal · 26 Ene 2023

¿Es posible mediante css y la etiqueta span dar formato a una fila o columna en particular de una tabla, como color de fondo, bordes, etc?

Gracias.

Puko · 26 Ene 2023

<span> es para un elemento en línea (horizontal)
<p> es para un párrafo (horizontal)
<div> se alinean hacia abajo (vertical)

Por ejemplo Todo lo que este dentro de span/p/div ... <span> ... </span> le puedes poner ...
.uno p span {
color: #fff;
background: #555;
border: 3px solid #000;
padding: 7px;
margin: 5px;
font-size: 12px;
font-style: italic;
font-weight: bold;
}

sabogal · 26 Ene 2023

Gracias, pero necesito para una tabla, específicamente para <td rowspan="3"></td>

Immoral Dev · 26 Ene 2023

sabogal dijo:
Gracias, pero necesito para una tabla, específicamente para <td rowspan="3"></td>

Asi deberias poder selecccionar la etiqueta td con el atributo rowspan="3":

td[rowspan="3"] {
background-color: yellow;
}

sabogal · 26 Ene 2023

Immoral Dev dijo:
Asi deberias poder selecccionar la etiqueta td con el atributo rowspan="3":

td[rowspan="3"] {
background-color: yellow;
}

Me ha funcionado con

Insertar CODE, HTML o PHP:

<td rowspan="3" style="background-color: #069;"></td>

Gracias.

sabogal · 26 Ene 2023

Una pregunta adicional.
¿Cómo podría darle un hover:none a esa parte de la tabla?

Insertar CODE, HTML o PHP:

<td style="background-color: #069;hover:none" rowspan="3"></td>

Ese no me funciona, pero me sirve para ilustrar lo que requiero.

Puko · 26 Ene 2023

Quitale en el css
td:hover {
background: **;
}

O ponle
td:hover {
background: none !important;
}
o
td[rowspan="3"]:hover {
background: none !important;
}

o ponle el mismo color al hover

Dar formato personalizado a filas o columnas de una tabla con CSS y span

sabogal

Puko

sabogal

Immoral Dev

sabogal

sabogal

Puko