Je veux régler la bordure d'une table pour être "noir 1px solide" sauf sur le bas, où je souhaite utiliser une image qui fournit un pointeur dans le lien - comme une aide visuelle.
est-il possible de définir une image comme bordure inférieure lorsque les autres bordures sont régulières CSS.
8 Réponses :
Je ne pense pas. Vous préférez probablement ajouter un
Vous pouvez définir les bordures comme celle-là, à l'exception de la bordure inférieure: pour la bordure inférieure, vous pouvez définir votre image comme arrière-plan d'une ligne peut-être.
non. Pourquoi n'essayez-vous pas une autre rangée de table à cette fin?
Utiliser des tables à des fins de présentation, hein? Tsk, Tsk, Tsk. ;-)
Essayez de mettre la table à l'intérieur Ceci devrait bien fonctionner sur tous les navigateurs. < / p> , puis:
0 commentaires
Une solution consiste à styler votre élément avec une image d'arrière-plan dans CSS, puis à spécifier un décalage pour l'arrière-plan dans CSS. L'arrière-plan peut percer d'au-delà du bord de l'élément (un élément div ou Li par exemple). Ceci peut être utilisé pour de nombreux effets différents, l'une étant l'apparence d'une ombre portée à l'aide de PURE CSS.
Certaines spécificités ici:
Essayez de mettre ci-dessous votre table, puis définissez son style comme devrait fonctionner bien. modifier: et bien sûr, à gauche, à droite pour votre Tableau A "Noir Solide 1PX"
CSS3 a ajouté une prise en charge de la frontière. Vous trouverez plus d'informations sur http://www.w3.org/tr/css3-background/# Border-Images . À ce stade (début 2012), il n'est probablement pas prudent d'utiliser en raison du manque de soutien dans toutes les versions de IE. Pour suivre quand il est sûr d'utiliser, vous pouvez visiter http://caniuse.com/#seearch=border-Image . Un moyen de simuler le style d'image frontalière consiste à utiliser une image de fond positionnée. Par exemple, pour simuler une bordure supérieure:
Maintenant, il y a CSS3 et A OK, il y a y avoir un lien W3Schools sur ce sujet. propriété de bordure-image pour cela, mais il ne fonctionne toujours pas pour tous les navigateurs.