---
title: "Exemple CSS"
slug: "css-beispiel"
updated: 2026-01-15T13:16:32Z
published: 2026-01-15T13:16:32Z
canonical: "help.frisbii.com/css-beispiel"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.frisbii.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Exemple CSS

Vous trouverez ci-dessous un exemple de CSS qui permet d'apporter des modifications simples à la conception. Seuls les codes de couleur doivent être adaptés en conséquence.

```css
body {
  /* Couleur d'arrière-plan de l'ensemble du document HTML */
  background-color : #000000 ;
  
  /* Couleur de police de l'ensemble du document HTML */
  color : #000000 ;
  
  /* Type de police */
  font-family : 'Roboto', Arial, sans-serif ;
}

/* Couleur du bouton pour, par exemple, « Confirmer », « Enregistrer », « Commander » (fonctions principales) */ .btn-primary, .par exemple « Confirmer », « Enregistrer », « Commander » (fonctions principales) */
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color : #000000 ;
  border-color : #000000 ;
}

/* Couleur du bouton pour par exemple « Annuler» , « Passer » (fonctions secondaires) */
.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background-color : #000000 !important ;
  border-color : #000000 !important ;
}

/* Couleur de tous les liens dans l'ensemble du document HTML */
a {
  color : #000000 ;
}

/* Couleur de la boîte du type de paiement sélectionné */
.payment-tabs li a.active {
  color : #000000 ;
}

/* Couleur de la boîte du type de paiement sélectionné lors de la mise au point ou du survol */
.payment-tabs li a.active::before .payment-tabs li a:hover::before, .payment-tabs li a:focus::before {
  border-color : #000000 ;
}

/* Couleur du texte du prix dans la liste des produits sélectionnés dans la boîte de détail de la commande (en haut à droite par défaut) */
.price-list table td:last-child {
  color : #000000 ;
}

/* Couleur de la bordure supérieure de la boîte de détail de la commande (en haut à droite par défaut) */
.order-details {
  border-top-color : #000000 ;
}
```

![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image(981).png?sv=2026-02-06&spr=https&st=2026-11-10T06%3A28%3A17Z&se=2026-11-10T07%3A28%3A17Z&sr=c&sp=r&sig=Q73GHZ77hvNkMdrFW26yWZvYraH9jmwkrAkbTPLzIQo%3D)