Maison interface Web tutoriel CSS Comment ajouter des bordures fines aux tableaux dans Dw sans utiliser de styles CSS

Comment ajouter des bordures fines aux tableaux dans Dw sans utiliser de styles CSS

Jun 21, 2018 pm 03:52 PM
dreamweaver 添加 表格

Cet article présente principalement la méthode d'ajout de bordures fines aux tableaux dans Dw sans utiliser de styles CSS. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

Utilisez CSS. Vous pouvez ajouter des lignes fines. Ce n'est pas nécessaire. Cet article explique comment ajouter des lignes fines aux tableaux sans utiliser CSS

Récemment, j'apprenais Dreamweaver pour créer un site Web et j'étudiais le chapitre sur les tableaux. , et j'ai constaté que les bordures des tableaux Le réglage est très mauvais, même s'il est défini sur la bordure 1, il est très épais j'espère ajouter une fine bordure au tableau sans utiliser le style CSS , c'est vraiment moche, comme le montre l'image :

Paramètres :
Comment ajouter des bordures fines aux tableaux dans Dw sans utiliser de styles CSS
Effet :
Comment ajouter des bordures fines aux tableaux dans Dw sans utiliser de styles CSS
Y a-t-il un bon moyen d'effectuer une recherche en ligne ? depuis longtemps. La plupart d'entre eux parlent de styles. Je ne les ai pas encore appris. Bien sûr, il y en a beaucoup de bons. Vous pouvez les définir dans des tableaux riches, des lignes pointillées, des lignes doubles, etc. , mais il faut très bien connaître les styles. Plus tard, grâce à ma pratique, j'ai trouvé une méthode, haha, j'en parle juste ici, c'est le moyen le plus simple d'y parvenir sans utiliser de styles CSS. je parle juste d'une petite méthode personnelle, et cela ne peut pas être considéré comme une compétence.
J'ai trouvé qu'il vous suffit de définir la bordure sur 0, l'espacement sur 1 et le remplissage sur 0. Ensuite, vous pouvez définir la couleur d'arrière-plan du tableau sur la couleur de votre choix et définir la couleur à l'intérieur de la page Exactement la même couleur que l'arrière-plan. Comme le montre l'image :

Paramètres :
表格Comment ajouter des bordures fines aux tableaux dans Dw sans utiliser de styles CSS

Effet :
表格Comment ajouter des bordures fines aux tableaux dans Dw sans utiliser de styles CSS
Ici, je règle l'arrière-plan du tableau sur bleu (#0000FF ), l'intérieur du tableau est défini en blanc et le code est le suivant :

<table  bgcolor="#0000FF" width="300" border="0" cellpadding="0" cellspacing="1">
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
 <td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
Copier après la connexion

De cette façon, il est possible d'ajouter une fine bordure au tableau sans utiliser de styles CSS. Vous pouvez le changer selon la couleur que vous voulez. Il peut être complété sans styles, hehe.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Comment utiliser CSS3 pour créer un style de barre de progression colorée

Comment utiliser l'attribut d'apparence en CSS3 pour changer l'apparence d'un élément Apparence

Comment implémenter le style de barre de défilement personnalisé CSS3

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment ajuster la position du texte dans Dreamweaver Comment ajuster la position du texte dans Dreamweaver Apr 09, 2024 am 02:24 AM

L'ajustement de la position du texte dans Dreamweaver peut être effectué en suivant les étapes suivantes : Sélectionnez le texte et utilisez l'outil de réglage de la position du texte pour effectuer des ajustements horizontaux : alignement à gauche, alignement à droite, alignement au centre. 2. Effectuez des ajustements verticaux : alignement en haut, alignement en bas, alignement vertical ; centre ; 3. Appuyez sur la touche Maj et utilisez les touches fléchées pour affiner la position. 4. Utilisez les touches de raccourci pour aligner rapidement : alignement à gauche (Ctrl/Cmd + L), alignement à droite (Ctrl/Cmd + R), alignement au centre. (Ctrl/Cmd + C).

Comment ajouter une vidéo à la production de pages Web Dreamweaver Comment ajouter une vidéo à la production de pages Web Dreamweaver Apr 09, 2024 am 01:42 AM

Intégrer une vidéo à l'aide de Dreamweaver : insérez un élément vidéo. Sélectionnez et téléchargez un fichier vidéo. Définissez le type de vidéo, l'URL, la taille, la lecture automatique et les commandes. Insérez une vidéo. Facultatif : Personnalisez l'apparence de la vidéo.

Comment ajuster l'espacement des lignes dans Dreamweaver Comment ajuster l'espacement des lignes dans Dreamweaver Apr 09, 2024 am 03:00 AM

L'ajustement de l'espacement des lignes dans Dreamweaver est un processus en quatre étapes : sélectionnez le texte, ouvrez le panneau Paragraphe, ajustez les options d'espacement des lignes et enfin cliquez sur OK pour appliquer les modifications.

Comment ajouter des images sur Dreamweaver Comment ajouter des images sur Dreamweaver Apr 09, 2024 am 03:30 AM

Pour insérer une image dans Dreamweaver, cliquez sur le menu Insertion et choisissez Image, puis accédez au fichier image et sélectionnez-le. D'autres méthodes incluent le glisser-déposer de fichiers ou l'insertion directe de code HTML. L'ajustement des propriétés inclut la modification de la taille, l'alignement, l'ajout de bordures et la saisie de texte alternatif.

Comment exporter une page Web Dreamweaver après l'avoir créée Comment exporter une page Web Dreamweaver après l'avoir créée Apr 09, 2024 am 01:27 AM

L'exportation d'une page Web dans Dreamweaver implique les étapes suivantes : Exporter un fichier HTML : sélectionnez Exporter dans le menu Fichier, sélectionnez HTML, sélectionnez un nom et un emplacement de fichier, puis cliquez sur Enregistrer. Exporter des fichiers CSS et JavaScript : choisissez Exporter dans le menu Fichier, sélectionnez CSS ou JavaScript, sélectionnez un nom et un emplacement de fichier, puis cliquez sur Enregistrer. Exporter une image : faites un clic droit sur l'image, sélectionnez « Exporter », sélectionnez le format de l'image et le nom du fichier, puis cliquez sur « Enregistrer ».

Comment définir la police Dreamweaver Comment définir la police Dreamweaver Apr 09, 2024 am 02:54 AM

Vous pouvez définir des polices dans Dreamweaver en sélectionnant une police, une taille et une couleur à l'aide du panneau Propriétés. Utilisez CSS pour définir les polices pour l'ensemble de votre site Web ou pour des éléments spécifiques. Définissez la police directement dans le code HTML à l'aide de la balise "font".

Comment configurer le logiciel de conception Web Dreamweaver en chinois Comment configurer le logiciel de conception Web Dreamweaver en chinois Apr 09, 2024 am 12:39 AM

Pour définir Dreamweaver sur le chinois, procédez comme suit : Ouvrez Dreamweaver ; modifiez la langue de l'interface utilisateur sur Chinois simplifié ou Chinois traditionnel dans les préférences ; redémarrez Dreamweaver ; consultez l'élément du menu Aide "À propos de Dreamweaver" pour vérifier les paramètres de langue.

Comment définir la taille du texte dans Dreamweaver Comment définir la taille du texte dans Dreamweaver Apr 09, 2024 am 02:18 AM

Pour définir la taille du texte dans Dreamweaver, il suffit de : Sélectionnez le texte Allez dans le menu Texte Sélectionnez la taille de la police Choisissez la taille souhaitée Appuyez sur Entrée pour enregistrer

See all articles