Vous n'êtes pas identifié(e).

#1 21-08-2006 à 21:57

GG le sympa
Administrateur
Lieu : Graçay
Inscription : 03-08-2006 à 14:41
Messages : 17 599

Re : Bordures CSS dans un tableau ou div

Parfois c'est utile de faire un tableau avec une bordure. Ceci étant en XHTML c'est completement interdit de coller le style dans le tableau. Alors la mise en page de la bordure sera encore et toujours dans la feuille de style CSS

Déjà on va voir l'épaisseur de la bordure et pour une bordure de 2 pixel c'est :

.maclasse
{
border: 1px;
}

Si vous voulez que l'on voit juste la bordure du haut et du bas :

.maclasse
{
border-top: 1px;
border-bottom: 1px;
}

Si vous voulez que l'on voit juste la bordure de gauche et de droite :

.maclasse
{
border-left: 1px;
border-right: 1px;
}

Maintenant les couleurs de la bordure :

.maclasse
{
border: 1px #000000;
}

Et là les couleurs seront différentes à droite et à gauche

.maclasse
{
border-left: 1px #000000;
border-right: 1px #FF0000;
}

Voyons maintenant les styles de la bordure :

medium
thin
dashed
dotted
double
groove
hidden
inset
none
outset
ridge
solid

Pour un résultat professionnel je vous conseil vivement du 1px solid :

.maclasse
{
border: 1px solid #000000;
}

Maintenant vous pouvez faire des choses un peu plus compliqué en combinant tout ça :

.maclasse
{
border-left: 1px solid #000000;
border-right: 1px solid #FF0000;
border-top: 3px dotted #006600;
border-bottom: 3px dotted #006600;
}

Hors ligne

#2 05-02-2009 à 17:43

Guest-88
Invité

Re : Bordures CSS dans un tableau ou div

Bonjour,

Merci beaucoup, vraiment très bien décrit et très pratique!

#3 31-05-2009 à 10:27

titanesk
Invité

Re : Bordures CSS dans un tableau ou div

Bonjour, Merci fort utile pour les débutants smile

Bonne journée, et à très bientôt.

Réponse rapide

Veuillez composer votre message et l'envoyer

Pied de page des forums