Home >Web Front-end >CSS Tutorial >How to add thin borders to tables in Dw without using CSS styles

How to add thin borders to tables in Dw without using CSS styles

不言
不言Original
2018-06-21 15:52:263600browse

This article mainly introduces the method of adding thin borders to tables in Dw without using CSS styles. It has a certain reference value. Now I share it with you. Friends in need can refer to it

Use CSS You can add thin lines. You don’t need to use them. This article introduces how to add thin lines to tables without using CSS

Recently, I have been learning Dreamweaver to make websites, and I am studying the chapter about tables, and I found that the borders of tables The setting is very bad, even if it is set to border 1, it is very thick. I hope to add a thin border to the table without using CSS style, it is really ugly, as shown in the picture:

Settings :
How to add thin borders to tables in Dw without using CSS styles
Effect:
How to add thin borders to tables in Dw without using CSS styles
Is there any good way? I have been searching online for a long time. Most of them talk about styles. I haven’t learned them yet. I also know styles. Of course, there are many good ones. You can set them into rich tables, dotted lines, double lines, etc., but you have to know the styles very well. Later, through my practice, I found a method, haha, I am just talking about it here. It is the simplest way to achieve it without using CSS styles. Please note that I am just talking about a small personal method, and it cannot be said to be a skill.
I found that you only need to set the border to 0, the spacing to 1, and the padding to 0. Then you can set the background color of the table to whatever color you want the border to be, and set the color inside to the page. Just the same color as the background. As shown in the picture:

Settings:
表格How to add thin borders to tables in Dw without using CSS styles

Effect:
表格How to add thin borders to tables in Dw without using CSS styles
Here I set the background of the table to blue (#0000FF), the table The inside is set to white, and the code is as follows:

<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>

In this way, it is okay to add a thin border to the table without using CSS styles. You can change it to whatever color you want. It can be done without using styles, haha .

The above is the entire content of this article. I hope it will be helpful to everyone's study. For more related content, please pay attention to the PHP Chinese website!

Related recommendations:

How to use CSS3 to create a colored progress bar style

How to use the appearance attribute in CSS3 to change the appearance of an element Appearance

How to implement CSS3 custom scroll bar style

The above is the detailed content of How to add thin borders to tables in Dw without using CSS styles. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn