Make the border style of the table thin line in HTML

Html makes the border style of the table a thin line. I have not been satisfied with the answer for a long time on the Internet. Today, when I read the CSS book, I found that using CSS is very easy to implement this function, it is not just a thin border, but any style can be made out.

What? Do not understand CSS ?!

It doesn't matter. Even if you don't move CSS at all, it's very easy. It's just a line of code, with 20 or 30 letters in total.

Okay.

<Td style = "border-width: 1px; border-color: #000099; border-style: solid;"> 5DKX. Happy COM-5D blog </td>

Let's explain the meaning of each label.

Border-style: solid sets the border line to a style. solid indicates a solid line.

Border-width: 1px: Set the border line width

Border-color: #000099 set the border line color

The following is an example.

<Table width = "500" border = "0" align = "center">
<Tr>
<Td style = "border-style: solid; border-color: #000099; border-width: 1px;"> 5DKX. Happy COM-5D blog </td>
<Td style = "border-style: solid; border-color: #000099; border-width: 1px;"> 5DKX. Happy COM-5D blog </td>
<Td style = "border-style: solid; border-color: #000099; border-width: 1px;"> 5DKX. Happy COM-5D blog </td>
</Tr>
<Tr>
<Td style = "border-style: solid; border-color: #000099; border-width: 1px;"> 5DKX. Happy COM-5D blog </td>
<Td style = "border-style: solid; border-color: #000099; border-width: 1px;"> 5DKX. Happy COM-5D blog </td>
<Td style = "border-style: solid; border-color: #000099; border-width: 1px;"> 5DKX. Happy COM-5D blog </td>
</Tr>
<Tr>
<Td style = "border-style: solid; border-color: #000099; border-width: 1px;"> 5DKX. Happy COM-5D blog </td>
<Td style = "border-style: solid; border-color: #000099; border-width: 1px;"> 5DKX. Happy COM-5D blog </td>
<Td style = "border-style: solid; border-color: #000099; border-width: 1px;"> 5DKX. Happy COM-5D blog </td>
</Tr>
</Table>

 

Below is:

 

5DKX. COM-5D happy blog	5DKX. COM-5D happy blog	5DKX. COM-5D happy blog
5DKX. COM-5D happy blog	5DKX. COM-5D happy blog	5DKX. COM-5D happy blog
5DKX. COM-5D happy blog	5DKX. COM-5D happy blog	5DKX. COM-5D happy blog

Initial: http://www.5dkx.com/arch/90.html

Non-special instructions are original articles such as reprint, please note: reprint from 5D happy blog [http://www.5DKX.com/]