Les partenaires publicitaires:

Comment faire une ligne verticale solide dans css

Bien HyperText Markup Language (HTML) fournit une étiquette qui crée une séparation horizontale, il n'y a pas un élément équivalent qui crée une ligne verticale. Un besoin d'une forme verticale se pose souvent, donc cela crée un dilemme. Heureusement, vous avez la possibilité d'utiliser une solution de contournement qui intègre un tableau HTML et applique Cascading Style Sheets (CSS) code pour une frontière. Comprendre comment créer le code HTML et d'appliquer la règle CSS qui fait avec succès une ligne verticale solide.

Instructions

  1. Lancez le logiciel de l'éditeur de texte Notepad, qui est livré avec votre ordinateur Windows, et ouvrez un document de site Web.

  2. Placez votre curseur dans la zone souhaitée où vous voulez que la ligne continue à apparaître. Entrez le code HTML qui crée une table simple:




  3. Tapez le code suivant avant la fermeture ""Élément pour créer votre CSS règle de style pour votre table:



  4. Entrez "border-left: -" ou "border-right: -" entre les accolades pour déterminer si votre ligne apparaît sur la gauche ou la droite, et entrez "solide" après les deux points de préciser voilà comment votre ligne devrait apparaître. Tapez un nombre en pixels (px) pour déterminer la largeur de la ligne verticale est, et entrez une couleur, comme le noir, pour spécifier l'ombre de la ligne. Illustrer:

    table {border-left: noir 1px solid}

  5. Type "hauteur: -" et tapez une valeur de nombre de pixels (px) ou le pourcentage (%) de déterminer combien de temps la ligne est. Par exemple:

    table {border-left: 1px hauteur noir solide: 300px; }

  6. Enregistrez votre fichier. Ouvrez-le dans une fenêtre de navigateur en cliquant sur l'option "Ouvrir" ou "Open File» dans «Fichier» du menu du navigateur. Si vous êtes satisfait de la ligne verticale, télécharger le fichier sur votre hôte Web pour le publier. Sinon, apporter des ajustements aux valeurs de votre règle de style avant de l'enregistrer et de le télécharger à votre hôte.

» » » » Comment faire une ligne verticale solide dans css