Bordure de couleur autour du tableau

chaloumfr Messages postés 21 Date d'inscription   Statut Membre Dernière intervention   -  
Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour à tous,

Encore besoin d'aide:
Voici ce qu'on me demande dans mon devoir:
créer une bordure de couleur lightblue de 2px autour du tableau.

Le tableau est déjà en place et ça fait quelques heures que je ne trouve pas comment faire.

Merci d'avance,
Chaloumfr
A voir également:

4 réponses

Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 151
 
0
chaloumfr Messages postés 21 Date d'inscription   Statut Membre Dernière intervention  
 
Merci Pierrecastor,

Je crois n'avoir pas été compris et je précise:
je voudrais voir l'entourage noir du tableau et la bordure de couleur différente qui l'entoure
et je ne l'ai pas trouvé dans les différents croquis présentés sur ton site.
Je me retrouve à la même situation.
Merci encore à toi, Pierrecastor,
Chaloumfr
0
Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 151
 
Faisable avec box shaddow :

En réglant les offset à 0

https://www.w3schools.com/CSSref/css3_pr_box-shadow.asp
0
chaloumfr Messages postés 21 Date d'inscription   Statut Membre Dernière intervention  
 
Merci encore Pierrecastor,
mais ce n'est pas ce que je cherchais à résoudre;
ce que tu me proposes est de l'ombre et pas une bordure tout autour du tableau.
Autrement dit j'ai besoin de deux cadres de couleur différente qui entoure ce qui est à l'intérieur du tableau.
Merci encore pour le suivi.
0
Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 151
 
L'ombre avec les bons paramètres peut faire un cadre d'une couleur définie en plus de border.
0
Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 151
 


C'est ce genre de chose que tu veux obtenir ?
0
Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 151 > Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention  
 
Je crois que nous ne le saurons jamais. :-[
0
chaloumfr Messages postés 21 Date d'inscription   Statut Membre Dernière intervention   > Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention  
 
Bonjour et encore merci Pierrecastor,

C'est exactement ce que je recherche, entourer mon tableau à l'intérieur et à l’extérieur d'une bande de couleur différente.
Il ne s'agit pas d'une ombre, mais bien de 2 lignes de couleur différente à l'intérieur et à l'extérieur à une distance de 2px pour chacune.
Merci encore pour ta réponse Pierre et excuse moi de répondre si tard,
0
Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 151 > chaloumfr Messages postés 21 Date d'inscription   Statut Membre Dernière intervention  
 
Ce que j'ai montré en capture d'écran est bien fait avec avec la propriété box-shadow, avec les 2 offset x et y à 0 (les offset, c'est ce qui décale l'ombre sur gauche ou droite et haut ou bas, si ils sont mis à 0, l'ombre sera centré et pourra encadré toute l'élément).
Ensuite, on défini le blur (flou) à 0 pour que ça fasse un trait net.
Puis le spread (dispersion) à la taille qu'on veut avoir (ici, 2px).
Et enfin la couleur.

Tout est dans les CSS Syntax du lien w3shool que j'ai mis.

On cumule ça avec un border classique et on à bien notre double bordure.

On peut mettre le trait produit par shadow à l'interieur de l'élément en rajoutant "inset".
0
Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 151 > Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention  
 
Si vraiment cette solution ne convient pas, j'ai aussi d'autres pistes.
0
Toto83130
 
Tableau d'artistes ou tableau de tableur, style calc de libreoffice (https://www.libreoffice.org)
0
Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 151
 
Vu qu'on est dans la partie CSS du forum, je pense qu'il s'agit de HTML + CSS.
0