写2个大致的CSS表lovebet爱博,表格和层的虚线的用法

“,Lite List / title 5 style type =”text/css” 6 t…

  1lovebet爱博 1<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
  2lovebet爱博 2http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  3lovebet爱博 3<html xmlns=”http://www.w3.org/1999/xhtml” lang=”zh” xml:lang=”zh”>
  4lovebet爱博 4<head>
  5lovebet爱博 5<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
  6lovebet爱博 6<title>关于我们</title>
  7lovebet爱博 7<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
  8lovebet爱博 8<meta name=”description” content=”涂聚文,捷为职业室,经营新闻流,物流,人力财富流,资本流的系统缓解方案的开垦与规划和劳动,geoVI studio.吉优vin Du. Systems Solution to Fund flow,and Information flow,and Material flow,and Control flow,and Human Resource.Applied software development,design and service。.”>
  9lovebet爱博 9<meta name=”Robots” content=”all index follow “>
 10lovebet爱博 10<meta name=”Author” content=”涂聚文” />
 11lovebet爱博 11<link href=”images/css.css” rel=”stylesheet” type=”text/css”>
 12lovebet爱博 12<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
 13lovebet爱博 13<link rel=”icon” href=”favicon.ico” type=”image/ico” />
 14lovebet爱博 14<link rel=”Bookmark” href=”favicon.ico”> 
 15lovebet爱博 15lovebet爱博 16<style type=”text/css”>lovebet爱博 17
 16lovebet爱博 18lovebet爱博 19/**//*URL: http://www.dusystem.com/ */
 17lovebet爱博 20lovebet爱博 21.shadow{lovebet爱博 22}{
 18lovebet爱博 23border:1px solid silver;
 19lovebet爱博 24font:10pt arial;
 20lovebet爱博 25position:relative;
 21lovebet爱博 26display:inline;
 22lovebet爱博 27background:white;
 23lovebet爱博 28z-index:100
 24lovebet爱博 29}
 25lovebet爱博 30
 26lovebet爱博 31lovebet爱博 32.shadow_inner{lovebet爱博 33}{
 27lovebet爱博 34overflow:hidden;
 28lovebet爱博 35position:absolute;
 29lovebet爱博 36top: -1000px;
 30lovebet爱博 37lovebet爱博 38filter:alpha(Opacity=10); /**//*modify to change the shade solidity/opacity, same as below*/
 31lovebet爱博 39lovebet爱博 40opacity:0.1; /**//*firefox 1.5 opacity*/
 32lovebet爱博 41lovebet爱博 42-moz-opacity:0.1; /**//*mozilla opacity*/
 33lovebet爱博 43lovebet爱博 44-khtml-opacity:0.1; /**//*opacity*/
 34lovebet爱博 45z-index:10
 35lovebet爱博 46}
 36lovebet爱博 47
 37lovebet爱博 48</style>
 38lovebet爱博 49
 39lovebet爱博 50<script type=”text/javascript” src=”js/shadow.js”></script>
 40lovebet爱博 51
 41lovebet爱博 52lovebet爱博 53<style>lovebet爱博 54
 42lovebet爱博 55<!–
 43lovebet爱博 56lovebet爱博 57img.test1{lovebet爱博 58}{
 44lovebet爱博 59lovebet爱博 60 border-style:dotted; /**//* 点画线 */
 45lovebet爱博 61lovebet爱博 62 border-color:#FF9900; /**//* 边框颜色 */
 46lovebet爱博 63lovebet爱博 64 border-width:5px;  /**//* 边框粗细 */
 47lovebet爱博 65}
 48lovebet爱博 66lovebet爱博 67img.test2{lovebet爱博 68}{
 49lovebet爱博 69lovebet爱博 70 border-style:dashed; /**//* 虚线 */
 50lovebet爱博 71lovebet爱博 72 border-color:blue;  /**//* 边框颜色 */
 51lovebet爱博 73lovebet爱博 74 border-width:2px;  /**//* 边框粗细 */
 52lovebet爱博 75}
 53lovebet爱博 76–>
 54lovebet爱博 77
 55lovebet爱博 78lovebet爱博 79.table1{lovebet爱博 80}{
 56lovebet爱博 81BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED
 57lovebet爱博 82}
 58lovebet爱博 83</style>
 59lovebet爱博 84lovebet爱博 85    <style>lovebet爱博 86
 60lovebet爱博 87lovebet爱博 88.v {lovebet爱博 89}{border-collapse: collapse}
 61lovebet爱博 90lovebet爱博 91.v td{lovebet爱博 92}{border:1px dashed #000;width:100;height:25}
 62lovebet爱博 93</style>
 63lovebet爱博 94
 64lovebet爱博 95
 65lovebet爱博 96</head>
 66lovebet爱博 97
 67lovebet爱博 98<body>
 68lovebet爱博 99
 69lovebet爱博 100<p class=”shadow” style=”display: block” rel=”red”>This is some paragraph.<br />Set display=”block” inside it.<br />This is some paragraph.</p>
 70lovebet爱博 101
 71lovebet爱博 102<img src=”http://www.dupcit.com/img201/7907/streetkz4.gif” class=”shadow” rel=”blue” /><br />
 72lovebet爱博 103
 73lovebet爱博 104<p><a href=”http://www.dusystem.com” class=”shadow” rel=”green”>Some link</a></p>
 74lovebet爱博 105
 75lovebet爱博 106
 76lovebet爱博 107
 77lovebet爱博 108 <img src=”banana.jpg” class=”test1″>
 78lovebet爱博 109 <img src=”banana.jpg” class=”test2″>
 79lovebet爱博 110 
 80lovebet爱博 111 <table  class=”table1″ border=”1″>
 81lovebet爱博 112    <tr>
 82lovebet爱博 113        <td> </td>
 83lovebet爱博 114        <td> </td>
 84lovebet爱博 115    </tr>
 85lovebet爱博 116    <tr>
 86lovebet爱博 117        <td> </td>
 87lovebet爱博 118        <td> </td>
 88lovebet爱博 119    </tr>
 89lovebet爱博 120    </table>
 90lovebet爱博 121    
 91lovebet爱博 122
 92lovebet爱博 123<table class=”v”>
 93lovebet爱博 124<tr>
 94lovebet爱博 125<td>demo</td><td>demo</td><td>demo</td>
 95lovebet爱博 126</tr>
 96lovebet爱博 127<tr>
 97lovebet爱博 128<td>demo</td><td>demo</td><td>demo</td>
 98lovebet爱博 129</tr>
 99lovebet爱博 130<tr>
100lovebet爱博 131<td>demo</td><td>demo</td><td>demo</td>
101lovebet爱博 132</tr>
102lovebet爱博 133</table>
103lovebet爱博 134
104lovebet爱博 135    <form name=”editorForm” method=”POST”>
105lovebet爱博 136      <!– 编辑器容器 –>
106lovebet爱博 137      <div class=”bd01″ id=”edt”> </div>
107lovebet爱博 138      <!– 结束-编辑器容器 –>
108lovebet爱博 139</form>
109lovebet爱博 140<div style=”border-right:1px dashed red; height:200px; width:100px;
110lovebet爱博 141“>缔友Computer消息技巧有限公司左侧的border-right:1px ,solid, red;
111lovebet爱博 142左边的border-left:1px ,solid, red;</div>
112lovebet爱博 143<p style=”border-style:dotted;border-width:0px 0px 1px 0px;
113lovebet爱博 144“>缔友计算机新闻技艺有限集团</p> 
114lovebet爱博 145<p style=”border-style:dotted;
115lovebet爱博 146“>缔友计算机新闻本事有限集团</p> 
116lovebet爱博 147<div style=”border-left:1px dashed red; height:200px; width:100px;
117lovebet爱博 148“>缔友Computer新闻手艺有限公司左侧的border-right:1px ,solid, red;
118lovebet爱博 149左边的border-left:1px ,solid, red;</div>
119lovebet爱博 150<p style=”border-bottom:1px dashed red;
120lovebet爱博 151“>U.S.A.第壹季度生产率出现6年来最大开间
121lovebet爱博 152By Simone Baribeau in New York 2009-08-12 </p> 
122lovebet爱博 153<table>
123lovebet爱博 154            <tr>
124lovebet爱博 155            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
125lovebet爱博 156               <!–右边区域–>
126lovebet爱博 157            <p>            </td>
127lovebet爱博 158
128lovebet爱博 159            <td style=”width:47%; padding-left:15px; vertical-align:top”>
129lovebet爱博 160               <!–左侧区域–>
130lovebet爱博 161            <p>            </td>
131lovebet爱博 162        </tr>
132lovebet爱博 163            <tr>
133lovebet爱博 164            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
134lovebet爱博 165               <!–左边区域–>
135lovebet爱博 166            <p>The productivity of US workers rose at its fastest pace in six years in the second quarter as employers cut staff costs, according to the labour department.</p>
136lovebet爱博 167
137lovebet爱博 168            </td>
138lovebet爱博 169            <td style=”width:47%; padding-left:15px; vertical-align:top”>
139lovebet爱博 170               <!–左侧区域–>
140lovebet爱博 171            <p>花旗国劳工部的数量展示,由于雇主削减职员和工人成本,美利坚联邦合众国第壹季度生产率出现陆年来最急剧面。</p>
141lovebet爱博 172            </td>
142lovebet爱博 173        </tr>
143lovebet爱博 174            <tr>
144lovebet爱博 175            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
145lovebet爱博 176
146lovebet爱博 177               <!–右侧区域–>
147lovebet爱博 178            <p>Analysts said the higher-than-expected 6.4 per cent increase in productivity was another signal that the US economy might be emerging from recession – one that helped free the Federal Reserve to pursue aggressive monetary policy.</p>
148lovebet爱博 179            </td>
149lovebet爱博 180            <td style=”width:47%; padding-left:15px; vertical-align:top”>
150lovebet爱博 181               <!–左边区域–>
151lovebet爱博 182            <p>分析师表示,生产率高于预期的6.四%的升幅,是美利坚联邦合众国经济或然正走出衰退的又一能量信号。这促进化解美国联邦储备系统的思念,使其得以实行激进的货币政策。</p>
152lovebet爱博 183            </td>
153lovebet爱博 184
154lovebet爱博 185        </tr>
155lovebet爱博 186            <tr>
156lovebet爱博 187            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
157lovebet爱博 188               <!–左边区域–>
158lovebet爱博 189            <p>“The worst is over. Firms should now be able to consider keeping their workforce constant,” said Joseph Brusuelas, director of Moody’s Economy.com. “Perhaps more importantly, the efficiency gains bode well for a more stable inflation environment, giving extraordinary comfort to the Fed as they consider monetary policy.”</p>
159lovebet爱博 190            </td>
160lovebet爱博 191            <td style=”width:47%; padding-left:15px; vertical-align:top”>
161lovebet爱博 192
162lovebet爱博 193               <!–左侧区域–>
163lovebet爱博 194            <p>穆迪(Moody’s)旗下Economy.com网址主办Joseph•布鲁修拉斯(Joseph Brusuelas)表示:“最糟的时候曾经过去。未来各公司理应有技能思索保证劳重力的祥和了。只怕更关键的是,生产率的回涨预示将出现3个进一步平稳的通货膨胀环境,让美国联邦储备系统在思量货币政策时有越来越宽大的后路。”</p>
164lovebet爱博 195            </td>
165lovebet爱博 196        </tr>
166lovebet爱博 197            <tr>
167lovebet爱博 198            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
168lovebet爱博 199               <!–左边区域–>
169lovebet爱博 200
170lovebet爱博 201            <p>Analysts surveyed by Reuters had expected productivity to increase 5.3 per cent.</p>
171lovebet爱博 202            </td>
172lovebet爱博 203            <td style=”width:47%; padding-left:15px; vertical-align:top”>
173lovebet爱博 204               <!–左边区域–>
174lovebet爱博 205            <p>接受法新社(Reuters)调查的解析师曾预测生产率将进步伍.三%。</p>
175lovebet爱博 206            </td>
176lovebet爱博 207        </tr>
177lovebet爱博 208            <tr>
178lovebet爱博 209
179lovebet爱博 210            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
180lovebet爱博 211               <!–右侧区域–>
181lovebet爱博 212            <p>Hours worked fell 7.6 per cent, but output decreased only 1.7 per cent. Over the past year, falling hours and output has led to an increase of 1.8 per cent in output per hour.</p>
182lovebet爱博 213            </td>
183lovebet爱博 214            <td style=”width:47%; padding-left:15px; vertical-align:top”>
184lovebet爱博 215               <!–右边区域–>
185lovebet爱博 216            <p>第二季度工时比第3季度减弱了七.6%,但出现仅降低1.七%。在过去一年里,工时和产出的降低以致每时辰产出扩张了一.八%。</p>
186lovebet爱博 217            </td>
187lovebet爱博 218
188lovebet爱博 219        </tr>
189lovebet爱博 220            <tr>
190lovebet爱博 221            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
191lovebet爱博 222               <!–左边区域–>
192lovebet爱博 223            <p>“As a pattern, productivity is holding up very well in this cycle, which tends to bode well from a long-term growth perspective,” said Alan Ruskin, chief international strategist at RBS Global Banking and Markets.</p>
193lovebet爱博 224            </td>
194lovebet爱博 225            <td style=”width:47%; padding-left:15px; vertical-align:top”>
195lovebet爱博 226
196lovebet爱博 227               <!–左边区域–>
197lovebet爱博 228            <p>“本轮经济周期中,生产率全体保持得极漂亮貌,那往往是遥远滋长前景的吉兆,”英格兰皇家银行(RBS)满世界银行及基金市镇部首席国际攻略师Alan·Russ金(Alan Ruskin)表示。</p>
198lovebet爱博 229            </td>
199lovebet爱博 230        </tr>
200lovebet爱博 231            <tr>
201lovebet爱博 232            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
202lovebet爱博 233               <!–左侧区域–>
203lovebet爱博 234
204lovebet爱博 235            <p>Wages continued to fall in real terms. Taking into account inflation, compensation in the second quarter fell 1.1 per cent. But excluding inflation, non-farm business pay rose 0.2 per cent in the second quarter, compared with a 2.4 per cent decrease a quarter earlier.</p>
205lovebet爱博 236            </td>
206lovebet爱博 237            <td style=”width:47%; padding-left:15px; vertical-align:top”>
207lovebet爱博 238               <!–右侧区域–>
208lovebet爱博 239            <p>实际报酬继续降低。计入通货膨胀因素,第壹季度报酬水平回落了一.一%,但若不计通货膨胀因素,第三季度非农商业报酬则增添了0.贰%,而下半年是降低二.4%。</p>
209lovebet爱博 240            </td>
210lovebet爱博 241        </tr>
211lovebet爱博 242            <tr>
212lovebet爱博 243
213lovebet爱博 244            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
214lovebet爱博 245               <!–左边区域–>
215lovebet爱博 246            <p>“Many workers are experiencing wage freezes and taking pay cuts to keep their jobs, one of the risks to the recovery going forward,” said Mr Brusuelas.</p>            </td>
216lovebet爱博 247            <td style=”width:47%; padding-left:15px; vertical-align:top”>
217lovebet爱博 248               <!–左边区域–>
218lovebet爱博 249            <p>“许多工友的薪资蒙受冻结,或是为了保住工作被迫接受减少薪水。那是熏陶经济恢复前景的高危机之一,”布鲁修鲁斯表示。</p>
219lovebet爱博 250
220lovebet爱博 251            </td>
221lovebet爱博 252        </tr>
222lovebet爱博 253            <tr>
223lovebet爱博 254            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
224lovebet爱博 255               <!–左边区域–>
225lovebet爱博 256            <p>            </td>
226lovebet爱博 257            <td style=”width:47%; padding-left:15px; vertical-align:top”>
227lovebet爱博 258               <!–左边区域–>
228lovebet爱博 259
229lovebet爱博 260            <p>译者/管婧</p>            </td>
230lovebet爱博 261        </tr>
231lovebet爱博 262        </table>
232lovebet爱博 263
233lovebet爱博 264</body>
234lovebet爱博 265
235lovebet爱博 266</html>
236lovebet爱博 267

写多少个简易的CSS表,简单CSS表

lovebet爱博 268

 

lovebet爱博 269 1
<html> 2 <head> 3 <meta http-equiv=”Content-Type”
content=”text/html; charset=UTF-8″ /> 4 <title>Lite
List</title> 5 <style type=”text/css”> 6 table { border: 1px
solid #aaa; width: 100%; background-color:#ccc; color:black;
font-family: arial, helvetica, sans-serif; font-weight: bold;
font-size:120%; margin-bottom: 10px; } 7 td { color: #333;
vertical-align: middle; } 8 pre { font-family: Verdana, sans-serif;
font-size: 80%; border-width: 1; border-left: 1; border-right: 0;
border-top: 0; border-bottom: 0; padding-left: 7px; border-color: #666;
border-style: solid; margin-left: 20px; margin-top: 0px; margin-bottom:
10px; } 9 .button { display: none; font-family: Arial, sans-serif;
background-color: white; border-width: 1; border-style: solid;
border-color: #999; font-size: 14px; width: 18px; height: 16px; cursor:
pointer; text-decoration: none; margin: 2px; font-weight: 700; color:
#900; } 10 .close { padding-left: 1px; padding-right: 2px; } 11 .open
{} 12 .ver { color: #900; } 13 </style> 14 <script><!–
15 function Expand( x ) 16 { 17 x = x.replace( /Expand/, “” ); 18
document.getElementById( “Block” + x ).style.display = “inline”; 19
document.getElementById( “Expand” + x ).style.display = “none”; 20
document.getElementById( “Collapse” + x ).style.display = “inline”; 21 }
22 function Collapse( x ) 23 { 24 x = x.replace( /Collapse/, “” ); 25
document.getElementById( “Block” + x ).style.display = “none”; 26
document.getElementById( “Expand” + x ).style.display = “inline”; 27
document.getElementById( “Collapse” + x ).style.display = “none”; 28 }
29 function NumberIncremental( tagType, tagId, prefixId ) 30 { 31 var el
= document.getElementsByTagName( tagType ); 32 var which = 0; 33 for(
index=0; index<el.length; index++ ) 34 { 35 if( el[index].id ==
tagId ) 36 { 37 el[index].id = prefixId + which++; 38
el[index].display = “inline”; 39 } 40 } 41 } 42 function Init() 43 {
44 NumberIncremental( “div”, “Blocker”, “Block” ); 45 NumberIncremental(
“a”, “Collapser”, “Collapse” ); 46 NumberIncremental( “a”, “Expander”,
“Expand” ); 47 Expand( “Expand0” ); 48 for( index=1;; index++ ) 49 { 50
if( document.getElementById( “Block”+index ) ) 51 Collapse(
“Collapse”+index ); 52 else 53 break; 54 } 55 } 56 //–> 57
</script> 58 </head> 59 60 <body onload=”Init();”> 61
<table> 62 <tr> 63 <td align=”center” nowrap
width=”35″> 64 <a id=”Collapser” onclick=”Collapse(this.id);”
class=”close button”> – </a> 65 <a id=”Expander”
onclick=”Expand(this.id);” class=”open
button”> + </a> 66 </td> 67 <td
width=”98%”>Class.1 (<span class=”ver”>1.0.1</span> –
<span class=”ver”>1.0.6</span>)</td> 68 </tr> 69
</table> 70 <div id=”Blocker”> 71 <pre> 72 Text 1
"1". 73 Text 1 "2". 74 Text 1 "3". 75 End.
76 </pre> 77 </div> 78 79 <table> 80 <tr> 81
<td align=”center” nowrap width=”35″> 82 <a id=”Collapser”
onclick=”Collapse(this.id);” class=”close
button”> – </a> 83 <a id=”Expander”
onclick=”Expand(this.id);” class=”open
button”> + </a> 84 </td> 85 <td
width=”98%”>Class.2 (<span class=”ver”>2.0.1</span> –
<span class=”ver”>2.0.5</span>)</td> 86 </tr> 87
</table> 88 <div id=”Blocker”> 89 <pre> 90 Text 2
"1". 91 Text 2 "2". 92 Text 2 "3". 93 End.
94 </pre> 95 </div> 96 97 <table> 98 <tr> 99
<td align=”center” nowrap width=”35″> 100 <a id=”Collapser”
onclick=”Collapse(this.id);” class=”close
button”> – </a> 101 <a id=”Expander”
onclick=”Expand(this.id);” class=”open
button”> + </a> 102 </td> 103 <td
width=”98%”>Class.3 (<span class=”ver”>3.0.1</span> –
<span class=”ver”>3.0.5</span>)</td> 104 </tr>
105 </table> 106 <div id=”Blocker”> 107 <pre> 108 Text
3 "1". 109 Text 3 "2". 110 Text 3 "3". 111
End. 112 </pre> 113 </div> 114 </body> 115
</html> 打开

 

http://www.bkjia.com/Javascript/1188363.htmlwww.bkjia.comtruehttp://www.bkjia.com/Javascript/1188363.htmlTechArticle写一个简单的CSS表,简单CSS表 1 html 2 head 3 meta
http-equiv =”Content-Type” content =”text/html; charset=UTF-8″ / 4 title
Lite List / title 5 style type =”text/css” 6 t…