Vous n`êtes pas obligé de rester avec une table traditionnelle pour votre site web. En mettant en œuvre des feuilles de style en cascade, ou CSS, vous pouvez personnaliser la taille, le remplissage et le fond de votre table automatiquement ou utiliser une image de la bordure de la table. Vous devez utiliser la même taille de la largeur de la bordure et le tableau dans votre code CSS. Donc, si votre table est de 800 pixels, votre frontière devrait être trop. L`augmentation de rembourrage de la frontière augmente également l`épaisseur de la bordure de la table. La diminution crée une frontière plus mince.
Choses que vous devez
- Éditeur de texte
- image
Ouvrez votre éditeur de texte favori, comme le Bloc-notes. Sélectionner "Fichier" et "Ouvrir" dans le menu. La boîte de dialogue Ouvrir apparaît. Double-cliquez sur le fichier HTML que vous souhaitez modifier.
Ajoutez le code CSS entre le
Tags de votre fichier HTML:Remplacer la largeur 800px sous la frontière et une table avec la largeur réelle de la table que vous créez. Changer le nom du fichier de l`image à partir de votre image-file.jpg à l`image réelle que vous souhaitez utiliser. Pour changer où les écrans de la frontière sur votre table, aller à la "custom_outline" style et remplacer padding: 5px; avec un code différent. Le code suivant affiche la bordure de l`image ci-dessus et au-dessous de la table:
padding-top: 5px;
padding-bottom: 5px;
Placez votre curseur entre l`ouverture et la fermeture
étiquettes où vous voulez la table personnalisée pour aller et insérez le code suivant:Le contenu de votre table Remplacer "Le contenu de votre table" avec les informations réelles que vous souhaitez afficher au sein de votre table.
Cliquez "Fichier" et "sauvegarder" dans le menu pour mettre à jour votre fichier HTML.
