【正文】 編碼工作了。作者向您推薦一款極好的網(wǎng)頁(yè)編輯工具就是Dreamweaver。該工具只要您在代碼編輯區(qū)的style屬性的右邊雙引號(hào)內(nèi)按一下空格鍵，工具自動(dòng)向您提供所有的屬性（少則數(shù)個(gè)，多則達(dá)到上數(shù)十個(gè)、上百個(gè)），然后您只須做簡(jiǎn)單的選擇或確定就OK了。注意：代碼編輯區(qū)的標(biāo)點(diǎn)符號(hào)均為在英文狀態(tài)下輸入的，如果輸入中文的標(biāo)點(diǎn)符號(hào)（如：雙引號(hào)和分號(hào)）將被忽略該屬性值，視為無(wú)效。（四） 實(shí)驗(yàn)步驟繼續(xù)完成對(duì)實(shí)驗(yàn)一的Table表的設(shè)計(jì)。本實(shí)驗(yàn)只是添加了CSS對(duì)表格的美觀處理。在head與/head間添加代碼：style tt { BORDERRIGHT: 336699 1px solid。 BORDERTOP: 369 1px solid。 BORDERLEFT: 369 1px solid。 BORDERBOTTOM: 369 1px solid。 BORDERCOLLAPSE: collapse }tt TD { BORDERRIGHT: 369 1px solid。 BORDERTOP: 369 1px solid。 FONTSIZE: 9pt。 BORDERLEFT: 369 1px solid。 BORDERBOTTOM: 369 1px solid }tt TH { BORDERRIGHT: 369 1px solid。 BORDERTOP: 369 1px solid。 FONTSIZE: 10pt。 BORDERLEFT: 369 1px solid。 BORDERBOTTOM: 369 1px solid } /style 在table ...里面添加一個(gè)ID屬性：“id=tt”就OK了。參考代碼如下：HTML head title實(shí)驗(yàn)31/titlestyle tt { BORDERRIGHT: 336699 1px solid。 BORDERTOP: 369 1px solid。 BORDERLEFT: 369 1px solid。 BORDERBOTTOM: 369 1px solid。 BORDERCOLLAPSE: collapse }tt TD { BORDERRIGHT: 369 1px solid。 BORDERTOP: 369 1px solid。 FONTSIZE: 9pt。 BORDERLEFT: 369 1px solid。 BORDERBOTTOM: 369 1px solid }tt TH { BORDERRIGHT: 369 1px solid。 BORDERTOP: 369 1px solid。 FONTSIZE: 10pt。 BORDERLEFT: 369 1px solid。 BORDERBOTTOM: 369 1px solid } /style /head body background=images/ form id=form1 table cellspacing=0 cellpadding=0 width=560 id=tt tr th background=images/ align=left colspan=2主題標(biāo)題：顯示評(píng)教標(biāo)題 /th tr td rowspan=3 align=center width=138用戶姓名br br img src=images//td tdamp。nbsp。amp。nbsp。 span title=郵箱 img src=images/ /spanamp。nbsp。 span title=個(gè)人主頁(yè) img src=images/ /spanamp。nbsp。 span title=qq img src=images//span /td /tr tr height=100 width=422 td align=center width=422 評(píng)教內(nèi)容 hr width=250 color=369 size=1 所教課程：軟件工程 /td /tr tr td align=right1樓amp。nbsp。amp。nbsp。 span title=IP地址 img src=images//span amp。nbsp。 span title=刪除該評(píng)教留言 img src=images/ /spanamp。nbsp。 span title=資料 img src=images//span /td /tr tr td align=center2006228 12:26:39/td tdamp。nbsp。amp。nbsp。針對(duì)：軟件學(xué)院 軟件工程專業(yè) font color=blue教師姓名(老師)/font font color=red(92)/font分 /td /tr /table /form /body/HTML運(yùn)行效果如圖35所示：圖35 添加了CSS樣式表效果的table表 CSS文字特效的制作： 在body的form與/form間添加代碼即可：span style=FONTSIZE: 20pt。 FILTER: glow(Color=191970 ,Strength=4)shadow(color=gray,direction=145)。 WIDTH: 100%。 COLOR: ffffff。 POSITION: relative南昌大學(xué)軟件學(xué)院/spanfont style=FONTSIZE:15ptspan style=FILTER:glow(color=white,strength=0) shadow(color=gray,direction=145)。 WIDTH:100%。 COLOR:red。 LINEHEIGHT:35pt。 POSITION:relativeb造就高技術(shù)的開發(fā)人員！/b/span/fontbrbrCSS小區(qū)鏡效果的制作：在head的style內(nèi)部添加代碼：table { fontsize: 12px。 border: 1px solid 0000FF。 } tr,td { padding: 0px。 border: 1px solid 0000FF。 } 在body的form間添加代碼：strongBlur:/strongtable ID=Table1trtd width=200原始圖片/tdtd width=200顯示原來(lái)的圖片，且以270度的方向模糊20px/tdtd width=200不顯示原來(lái)的圖片，且以90度方向模糊20px/td/trtrtdimg src=images//tdtdimg src=images/ style=FILTER:blur(add=1,direction=270,strength=20)/tdtdimg src=images/ style=FILTER:blur(add=0,direction=90,strength=20)/td/tr/tablebrstrongDropShadow/strongtable ID=Table2trtd width=200原始圖片/tdtd width=200設(shè)置陰影顏色為淡綠色，往右移5px，往下移5px，且陰影呈不透明的效果。/tdtd width=200設(shè)置陰影顏色為粉紅色，往左移5px，往上移5px，且陰影呈不透明的效果。/td/trtrtdimg src=images//tdtdimg src=images/ style=FILTER:DropShadow(color=lightgreen,offX=5px,offY=5px,positive=1)/tdtdimg src=images/ style=FILTER:DropShadow(color=pink,offX=5,offY=5,positive=1)/td/tr/table 顯示結(jié)果上已經(jīng)帶有注釋了，這里不再贅述了（注：以上代碼僅供參考，不要求記住）。