Dans Dreamweaver, si vous insérez une règle horizontale (ligne horizontale), cette ligne est uniquement grise par défaut. Dans de nombreux cas, cela ne répond pas à nos exigences. Que devez-vous faire si vous souhaitez insérer des lignes droites d'autres couleurs (même aussi fines qu'un pixel) ?
Tout d'abord, insérez une règle horizontale à une position appropriée dans la fenêtre du document (fenêtre d'édition de page Web) et
appuyez sur ctrl + F3 pour apporter dans le panneau Inspecteur des propriétés),
Dans ce panneau de propriétés, décochez la case devant l'ombrage. Entrez la valeur du pixel (pixels) ou le pourcentage en W pour définir la longueur de cette ligne. En H, saisir 1 peut rendre cette ligne très fine, aussi fine qu'un pixel. Si vous souhaitez une ligne plus épaisse, entrez une valeur plus grande dans H. De cette façon, le fil fin est inséré, mais vous constaterez que ce fil est gris et que la couleur ne peut pas être définie dans le panneau des propriétés. Si vous souhaitez définir d'autres couleurs, vous pouvez les contrôler via CSS. La configuration du CSS est très simple dans DreamWeaver, et vous n'avez même pas besoin de comprendre la syntaxe du CSS.
Sélectionnez Style CSS | Nouveau style dans le menu Texte,
Dans la boîte de dialogue "Nouveau style", entrez un nom dans la colonne de nom, tel que "colorline", puis sélectionnez "Ce document uniquement" dans le bouton radio Définir )" et cliquez sur OK. La boîte de dialogue Définition du style pour .colorline apparaîtra alors :
Dans le projet de type, sélectionnez la couleur souhaitée, comme le rouge, puis cliquez sur ok, puis cliquez sur Terminé, et un nouveau style est créé. Sélectionnez la ligne fine dans la fenêtre d'édition de la page Web et cliquez sur Texte | Style CSS | colorline (colorline est le nouveau style qui vient d'être créé, la couleur de la ligne est toujours grise, mais appuyez sur F12 pour la prévisualiser). dans le navigateur, vous pouvez voir que la couleur de la fine ligne insérée est devenue le rouge souhaité.
Il existe une autre façon d'insérer des lignes fines colorées, même aussi fines qu'un pixel. Insérez d'abord un tableau avec une ligne et une colonne dans la fenêtre d'édition de la page Web, puis insérez une image transparente de 1 pixel × 1 pixel dans le tableau (contrôlez la page). dans dreameaver4 L'image d'espacement utilisée dans la mise en page est exactement une telle image, donc si vous ne savez pas comment utiliser un logiciel pour créer une telle image, vous pouvez la générer dans dreameaver4 comme ceci :
Dans le panneau Objet, cliquez d'abord sur la vue de mise en page dans le panneau Vue de l'objet, puis cliquez sur dessiner un tableau de mise en page, faites glisser dans la fenêtre d'édition de la page Web pour générer un tableau de mise en page, puis cliquez sur Ajouter un espaceur dans le menu déroulant du tableau. image d'en-tête,
Créez et enregistrez une image d'espacement. Cette image d'espacement est une image transparente de 1 pixel × 1 pixel). Définissez ensuite les propriétés du tableau sur : H (hauteur) est de 1 pixel (1 pixel), W (largeur) est la largeur souhaitée (la valeur en pixel ou le pourcentage peut être saisi), entrez 0 dans le bloc de cellule, l'espace de cellule et la bordure, et puis sélectionnez la couleur souhaitée dans Bg Color (couleur d'arrière-plan), et la fine ligne horizontale colorée est insérée.
Si vous augmentez la valeur H, la ligne deviendra plus épaisse. Si vous souhaitez insérer une ligne fine verticale colorée, définissez H sur la valeur de hauteur souhaitée, définissez W sur 0 et les autres paramètres sont les mêmes que ci-dessus pour insérer une ligne fine verticale. Dans la fenêtre d'édition de la page Web, la couleur est toujours grise, mais appuyez sur F12 pour prévisualiser et vous pouvez voir dans le navigateur que la couleur de la fine ligne insérée a changé pour la couleur souhaitée.