DIV+CSS表格效果
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD xml 4.01 Transitional//EN">
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5<title>Variation Fish'Blog </title>
6
<style>
7
#div{ width:600px; padding-top:10px; text-align:center ; margin-left:auto; margin-right:auto;}
8ul,li{ list-style:none; padding:0; }
9li{ width:100px; float:left; margin:-1px 0 0 -1px; border:1px solid #006600;}
10</style>
11</head>
12<body>
13<div id="div">
14 <ul>
15 <li>表格效果</li>
16 <li>表格效果</li>
17 <li>表格效果</li>
18 <li>表格效果</li>
19 <li>表格效果</li>
20 <li>表格效果</li>
21 <li>表格效果</li>
22 <li>表格效果</li>
23 <li>表格效果</li>
24 <li>表格效果</li>
25 <li>表格效果</li>
26 <li>表格效果</li>
27 <li>表格效果</li>
28 <li>表格效果</li>
29 <li>表格效果</li>
30 <li>表格效果</li>
31 <li>表格效果</li>
32 <li>表格效果</li>
33 <li>表格效果</li>
34 <li>表格效果</li>
35 </ul>
36</div>
37</body>
38</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD xml 4.01 Transitional//EN">2
<html>3
<head>4
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />5
<title>Variation Fish'Blog </title>6
<style>
7
#div{ width:600px; padding-top:10px; text-align:center ; margin-left:auto; margin-right:auto;}
#div8
ul,li{ list-style:none; padding:0; }9
li{ width:100px; float:left; margin:-1px 0 0 -1px; border:1px solid #006600;}10
</style>11
</head>12
<body>13
<div id="div">14
<ul>15
<li>表格效果</li>16
<li>表格效果</li>17
<li>表格效果</li>18
<li>表格效果</li>19
<li>表格效果</li>20
<li>表格效果</li>21
<li>表格效果</li>22
<li>表格效果</li>23
<li>表格效果</li>24
<li>表格效果</li>25
<li>表格效果</li>26
<li>表格效果</li>27
<li>表格效果</li>28
<li>表格效果</li>29
<li>表格效果</li>30
<li>表格效果</li>31
<li>表格效果</li>32
<li>表格效果</li>33
<li>表格效果</li>34
<li>表格效果</li>35
</ul>36
</div>37
</body>38
</html>
浙公网安备 33010602011771号