CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS] Bordure bicolore

Panurgisme
Panurgisme
Niveau 10
25 janvier 2015 à 15:21:48

Bonjour, pour mes titres h1 j'utilise une bordure, j'aimerais qu'au lieu d'être uniquement bleue, elle soit de deux couleurs, avez-vous des idées ?
http://puu.sh/f0q7d.png

Laxha
Laxha
Niveau 14
25 janvier 2015 à 16:13:13

http://css.mammouthland.net/css3/degrades-sans-image.php

Moi personnellement j'aurais créer l'image puis l'aurait intégrer directement ^^ ça ma l'air moins relou vu ce que je lis dans ce site

gromouton
gromouton
Niveau 6
25 janvier 2015 à 16:45:20

soit tu utilises une image de 2px (1px de chaque couleur) que tu étires, soit comme laxha l'a indiqué, un dégradé, ou bien un before (ou after) que tu places au dessus de la bordure de ton titre (beurk).

pour compléter :
http://www.colorzilla.com/gradient-editor/
http://css-tricks.com/examples/GradientBorder/

Message édité le 25 janvier 2015 à 16:48:49 par gromouton
Pseudo supprimé
Pseudo supprimé 25 janvier 2015 à 23:26:32

Il me semble qu'en faisant ceci:

<h1><span>Ton titre</span></h1>

Avec une bordure pour le span et une pour le h1, et en jouant sur les marges, ça devrait fonctionner.

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Internet
  • Macintosh
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment