Mise à jour : 11/13/2018 par Lojiciels.com
Une bordure dans vos pages HTML permet d’attirer l’attention sur une section de texte ou d’entourer tout autre élément HTML.
Comme indiqué ci-dessous, une bordure peut être créée autour de n’importe quel texte en utilisant HTML et CSS sur votre page web. Dans l’exemple ci-dessous, nous avons entouré un paragraphe (
) avec une bordure rouge.
Premier exemple avec un texte entouré d’une bordure rouge.
Cet exemple comporte également plusieurs lignes.
Pour créer l’exemple ci-dessus, le code ci-dessous a été utilisé.
First example with text surrounded by a red border.
This example also has multiple lines.
Dans le code ci-dessus, le style définit la taille de la bordure (px abrégé en pixel), le type de style et la couleur de la bordure. Le style de la bordure est la façon dont la bordure apparaît à l’écran. Les autres types de styles de bordure sont les suivants : pointillé, pointillé, double, rainure, crête, incrustation et début. La couleur de la bordure définit la couleur que vous voulez utiliser pour la bordure. Dans l’exemple ci-dessus, le code de couleur #FF0000 a été utilisé, qui est le code de couleur pour le rouge.
Définir le style en utilisant le CSS
L’apparence des éléments d’une page web peut également être définie à l’aide de CSS en ligne. Le CSS en ligne est défini dans votre document HTML, dans le
élément. Vous pouvez également définir le CSS dans un fichier externe, avec l’élément .css extension. Ensuite, vous pouvez créer un lien vers ce fichier à partir de n’importe quel document HTML, et les éléments de ce document ont accès aux styles CSS. Par exemple, avec le code CSS ci-dessous, une nouvelle classe appelée « borderexample » est créée, qui peut être appliquée à toute autre balise HTML.En utilisant le code ci-dessus, si vous vouliez appliquer ce style de bordure à un paragraphe HTML, vous pourriez taper quelque chose de similaire à l’exemple ci-dessous.
Here is an example of a border created using CSS
