Auteur : Gu Yanying
Insérez un tableau dans Dreamweaver Si vous définissez sa « Bordure » sur 1, sa ligne de bordure sera plus épaisse lors de la prévisualisation. Pour les créateurs de pages Web qui ne sont pas familiers avec le langage HTML, comment créer rapidement des tableaux aux bords fins ? Ensuite, je vais vous présenter une petite astuce : utiliser intelligemment la couleur d'arrière-plan et l'espacement pour créer des tableaux aux bords fins.
Prenons comme exemple la création d'un tableau avec 4 lignes et 3 colonnes et une fine bordure rouge :
Étape 1 Insérez un tableau avec 4 lignes et 3 colonnes dans la vue conception de Dreamweaver.
Étape 2 Définissez les propriétés de ce tableau dans le panneau « Propriétés » comme suit : la marge (CellPad) définit la valeur selon vos besoins (par exemple, l'espacement (CellSpace) est de 1 ; la bordure (Border) est de 0 ; Bg Color) est rouge.
Étape 3 Sélectionnez toutes les cellules de ce tableau et définissez les propriétés de toutes les cellules dans le panneau « Propriétés » comme suit : La couleur d'arrière-plan (Bg) est une couleur autre que le blanc ou le rouge.
Enfin, enregistrez la page Web et appuyez sur F12 pour la prévisualiser. Et si un tableau à fines lignes rouges avec 4 lignes et 3 colonnes est présenté devant vous ?
De plus, si nous souhaitons utiliser des tableaux pour la disposition et le positionnement comme d'habitude, mais tant que les lignes de bordure extérieures sont affichées sous forme de lignes fines et que les séparateurs de cellules internes ne sont pas affichés, nous pouvons utiliser des tableaux imbriqués ensemble. Ce qui suit utilise la fine ligne rouge comme bordure extérieure du tableau à titre d'exemple pour illustrer la méthode de fonctionnement :
Étape 1 Insérez un tableau avec 1 ligne et 1 colonne dans la vue conception de Dreamweaver.
Étape 2 Définissez les propriétés de ce tableau dans le panneau « Propriétés » comme suit : « Marge » est définie selon vos besoins (par exemple, 5) ; « Espacement » est 1 ; « Bordure » est 0 ;
Étape 3 Sélectionnez la seule cellule de ce tableau et définissez la « Couleur d'arrière-plan » de cette cellule sur une couleur autre que le blanc ou le rouge dans le panneau « Propriétés ».
Étape 4 Positionnez le curseur dans le tableau à 1 ligne et 1 colonne, et insérez un tableau imbriqué avec plusieurs lignes et colonnes selon vos besoins. La "bordure" de ce tableau imbriqué doit être mise à 0, ainsi que la "marge" et l'"espacement". " peut être défini ou non selon les besoins, les autres attributs peuvent ne pas être définis.
De cette façon, nous pouvons insérer du texte, des images et d’autres éléments de page Web dans différentes cellules du tableau imbriqué.
Etes-vous un peu tenté ? Essayez-le maintenant !