Table implemented based on DIV ul li (multiple examples)_html/css_WEB-ITnose

An unordered list biaoge, we gave the first four list items the class biaotou. Because these four items are the header of the table, they should be different from the table data. Therefore, a separate class is assigned for easy control. Next we start writing CSS code: collected and organized by www.169it.com

1 2 3 4 5 6

* {       margin : 0 ;       padding : 0 ;       font-size : 12px ;       color : #000 ;   }

1

2

1 2 3 4

#biaoge {       width : 405px ;       margin : 50px  auto ;   }

3

4

5

6

* {

margin : 0 ;

padding: 0;

font-size: 12px;

color: #000; } /table> CSS overall layout declaration, margins are zero, padding is zero, text size is 12px, text color is black #000;

1 2 3 4

#biaoge { width : 405px ; margin : 50px auto ; }

Article source: Table based on DIV ul li implementation (multiple examples )