On veut d'abord obtenir exactement ceci:
Ajoutez l'image de fond suivante à body:
texture-grise.jpg :
Changez la couleur du texte des lignes de la liste en blanc.
Utilisez "float: left;" pour que lignes s'affichent de gauche à droite (et pas de haut en bas)
Utilisez "list-style: none;" sur la liste pour enlever les puces.
On utilise une astuce un peu compliquée pour obtenir le coin coupé :C'est un dégradé (gradient) penché à 220 degrés avec un passage très court entre transparent et rouge:
background: linear-gradient(220deg, transparent 10px, #ad1c1c 11px);
Dans chaque onglet, ajoutez un peu d'espace entre le texte et les bords de l'onglet.
Rappel: