【正文】 padding:5px。 } .one img, .two img, .three img{ border:3px dashed FF9900。 borderbottom:5px solid 330099。 bordertop:3px solid D7FFFF。 textdecoration:none。 fontsize:20px。 } .secondary ul li{ height:40px。 fontsize:26。 交通運(yùn)輸學(xué)院課程設(shè)計 32 color:FF33FF。 padding:15px。 borderleft:2px solid FFFFFF。 borderright:5px solid 0099FF。 padding:5px。 width:185px。 backgroundimage:url (D:/My Documents/My Pictures/)repeatx。 width:932px。 padding:80px 80px。 } .primary .primary{ width:70%。 float:left。 float:right。 backgroundimage:url (D:/My Documents/My Pictures/)。 height:600px。 backgroundimage:url D:/MyDocuments/MyPictures/)。 margin:0 auto。 padding:0。gp= WIDTH=220 HEIGHT=210 p 交通運(yùn)輸學(xué)院課程設(shè)計 30 B專業(yè)介紹： /B本專業(yè)培養(yǎng)具備現(xiàn)代管理學(xué)理論基礎(chǔ) …… 用所學(xué)知識分析和解決問題的基本能力。 BR 陳老師，上海市干部培訓(xùn)中心特聘主講教師 …… 都受益匪淺 …… /p /div div class=row1 IMG SRC=D:/My Documents/My Pictures/u=143amp。 border:3px double dashed CC66FF。 padding:5px。 bordercolor: ddd 676767 5B5B5B ddd。 borderstyle: solid。 color:000000。 } .left{ float:left。 } .secondary .row2 p{ float:left。 } .secondary .row2 img { float:right。 交通運(yùn)輸學(xué)院課程設(shè)計 28 height:200px。 height:200px。 } body{ background:url( D:/My Documents/My Pictures/)。 } a:hover, a:focus, a:active, .selected, .selected a:link, .selected a:hover, .selected a:focus, .selected a:active{ backgroundcolor:6666FF。 fontsize:26。 color:FF33FF。 padding:20px。 交通運(yùn)輸學(xué)院課程設(shè)計 27 borderleft:2px solid FFFFFF。 bordertop:2px solid FFFFFF。 display:block。 } li{ float:left。 background:url( D:/My Documents/My Pictures/) epeatx。 width:1095px。 padding:0。 left:80px。 } .two{ position:absolute。 fontfamily: } .one{ width:1095px。 交通運(yùn)輸學(xué)院課程設(shè)計 26 margin:0 auto。 } .wrapper { width: 1095px。 網(wǎng)頁二的源代碼及分析 style type=text/css *{ margin:0。 } /*對底部第二 列布局下的圖片屬性進(jìn)行設(shè)置 */ div class=footer div class=primary div class=primary !對底部第二列閱讀吧部分下內(nèi)容的安排 IMG SRC=D:/My Documents/My Pictures/ WIDTH=90 height=300 UL LI a href= 清華同方（ CNKI)學(xué)術(shù)總庫 ~開世覽文美國科研出版社 /a /LI …… /UL /div div class=secondary id=bian 截圖如圖 ； 對下載吧部分的分析： div class=secondary id=bian !對底部第三列的下載吧部分的內(nèi)容的安排 IMG SRC=D:/My Documents/My Pictures/ WIDTH=210 交通運(yùn)輸學(xué)院課程設(shè)計 25 UL LI IMG SRC=D:/My Documents/My Pictures/ WIDTH=40 HEIGHT=30 a href=網(wǎng)頁制作及管理課程設(shè)計任務(wù)書 ./a /LI …… IMG border=0 SRC=D:/MyDocuments/My Pictures/ WIDTH=150 HEIGHT=30 /a /li /UL /div 截圖如圖 。 borderleft:6px dotted 000000。fm=0amp。 } div id=mybox !對第一列下方的生活剪影部分照片的安排 a href=IMG SRC=D:/My Documents/My Pictures/ WIDTH=70 HEIGHT=130 /a div IMG RC=D:/My Documents/My Pictures/u=145fm=52amp。 } a[rel=next]:after{ content:\00BB。 } a[rel=prev]:before{ content:\00AB。 color:white。 backgroundcolor:CCCCCC。 border:1px solid CCCCFF。 } a, /*對導(dǎo)航條下的鏈接設(shè)置動態(tài)效果 */ { display:block。 } /*對照片部分的水平導(dǎo)航條的屬性的設(shè)置 */ li{ /*對導(dǎo)航條下的列表項(xiàng)進(jìn)行 設(shè)置 */ float:left。 liststyletype:none。 } { margin:0 200px 0 100px。 borderleft:1px solid 466080。 borderright:1px solid 465977。 textshadow:1px 1px 2px 22456b。 } .cal tbody a:hover, .cal tbody a:focus, .cal tbody a:active, .cal tbody .selected a:link, .cal tbody .selected a:hover, .cal tbody .selected a:focus, .cal tbody .selected a:active{ backgroundcolor:0066FF。 backgroundcolor:c0c8d2。 } .cal tody a{ 交通運(yùn)輸學(xué)院課程設(shè)計 19 display:block。 borderbottom:1px solid acacad。 } .cal tbody td{ bordertop:1px solid e0e0e1。 textshadow:1px 1px 1px white。 fontsize:。 } .cal thead th{ backgrou