Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
Pages : 1
#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
Bonne journée, et à très bientôt.
Pages : 1
- Accueil
- » Mise en page
- » Bordures CSS dans un tableau ou div