Find a though is not very good, but to set up more complex: color background - emphasis on text color 6 effect as shown in the Word:   】 【 style analysis: Word set in a table format, main is to set the borders and background, can be selected across the table or right click on the part of cell → Table properties → Borders and background, open &other; Borders and background &throughout; Dialog box to set or view, simple analysis as follows: one, all header cell 1, on the border: no; 2, the left margin: no; 3, right border: no; 4, under the frame: color # 4 bacc6, 3 pounds, a single solid line (web pounds in bad Settings, with 3 px); Second, the content of all row background color: # FEF4EC; Three, the content all odd row background color: # FBCAA2; Four, content, all cells left margin: white, 0.5, a single solid line (web pounds in bad Settings, use 1 px); Last line five, content under the cell borders: color # B65608, 0.5 pounds, a single solid line (web pounds in bad Settings, use 1 px); Six frames under the last column, content, all cells: color # B65608, 0.5 pounds, a single solid line (web pounds in bad Settings, use 1 px); Seven, in the first column content: all cell background color: # B65608; Left margin: color # B65608, 0.5 pounds, a single solid line (web pounds in bad Settings, use 1 px); Text color: white; 【 】 HTML content and structure:

  code is as follows:  


<Div style="width: 600 px;" > <The table class="table 11" > <Thead> <Tr> <Th> Column0 </th> <Th> Column1 </th> <Th> Column2 </th> <Th> Column4 </th> <Th> Column5 </th> </tr> </thead> <TBODY> <Tr> <Td> Abc

<Td> Abc

<Td> Abc

<Td> Abc

<Td> Abc

</tr> <Tr> <Td> Abc

<Td> Abc

<Td> Abc

<Td> Abc

<Td> Abc

</tr> <Tr> <Td> Abc

<Td> Abc

<Td> Abc

<Td> Abc

<Td> Abc

</tr> <Tr> <Td> Abc

<Td> Abc

<Td> Abc

<Td> Abc

<Td> Abc

</tr> <Tr> <Td> Abc

<Td> Abc

<Td> Abc

<Td> Abc

<Td> Abc

</tr> <Tr> <Td> Abc

<Td> Abc

<Td> Abc

<Td> Abc

<Td> Abc

</tr> </TBODY> </table> </div> "Stylesheet" :

  code is as follows:  


table - 11 {width: 100%; Table - layout: auto; * border - the collapse: the collapse;/* */border - spacing IE: 0; } header row/* */. Table 11 th {}/* contents all rows */. Table 11 tbody tr {background: # FEF4EC; }/* content all even lines (odd number is odd, the even number is even). */tbody tr table 11: NTH - child (odd) {background: # FBCAA2; }/* hovering line (not including the header and footer) */. Table 11 tbody tr: hover {background: # FFFF00; }/* */all cell. Table 11 th, td {}/*/* all header cell. Table 11 thead tr th {border - top: none; Border - left: none; Border - right: none; Border - bottom: solid 3 px # 4 bacc6; }/* */footer all cell in the table - 11 tfoot tr td {}/* */content all cell. Table 11 tbody tr td {border - left: 1 px White solid; }/* */content first line all cell. Table 11 tbody tr: first - child td {/* if set the background color, will lose the mouseover effects */}/* content all cell */. The last line of the table - 11 tbody tr: the last child of td - {/* if set the background color, will lose the mouseover effects */border - bottom: 1 px # B65608 solid; }/* */form the first column all cell. Table 11 th: first - child, td: first - child {}/* */form last column all cell. Table 11 th: last - child, td: last - child {}/* */content in the first column all cell. Table 11 tbody td: first - child {background: # B65608; Border - left: 1 px # B65608 solid; Color: white; }/* contents all cell */the last column. The table tbody td - 11: last - child {1 px # B65608 border - right: solid; } 【 results 】 :   This paper is to provide some ideas, detail analysis and set up is not very appropriate, have a better idea and set up, still hope glad … …


This concludes the body part