Linea obliqua dentro TD

[ANTAGONIA]

Buon pomeriggio a tutti.
In alcune td della mia tabella devo inserire una linea obliqua, con direzione "altodestra e va a finire a in basso a sinistra".

Ogni parte divisa, deve avere un proprio background, esempio grigio chiaro e grigio scuro.
E all'interno di ogni porzione devo poter riportare un numero, come nell'immagine in allegato.
Grazie mille.

[KillerWorm]

Ciao, per il momento butto giusto un'idea, potrebbe essere fatto con un background:linear-gradient impostato in obliquo.
Qui qualcosa che fa al caso (la prima che ho trovato): https://joshuawinn.com/responsive-di...unds-with-css/

Poi, per inserire i due valori puoi usare due contenitori opportunamente posizionati dentro ciascuno dei <td>, oppure, nel caso i valori siano fissi, puoi inserirli con gli pseudo elementi (::before e ::after) direttamente da CSS.

Fai qualche prova e vedi cosa riesci a mettere su.

[fcaldera]

per quanto riguarda l'uso dei pseudoelementi generati via content però tieni conto che non saranno accessibili. Quindi andrebbero evitati per del contenuto che veicola un qualche significato.

Meglio usare due elementi - magari con del contenuto extra visualmente nascosto - che diano informazioni aggiuntive su quei numeri