|
保存所有修改，在IE中輸入 http://localhost/guestbook/index.asp (或者h(yuǎn)ttp://localhost/guestbook/ )看看你的成果：
是不是覺得很難看？沒關(guān)系，現(xiàn)在我們用CSS和圖片簡單修飾一下。
按"Shift+F11"展開CSS面板，點(diǎn)擊圖30中的加號按鈕
在彈出的"New CSS Style"對話框中作如圖31設(shè)置后單擊"OK"，出現(xiàn)一個讓你選擇可在CSS文件的對話框，這里我們就保存為css.css(圖32)
之后在彈出的"CSS Style Definition for body in css.css"對話框中作如下兩步設(shè)置：
保存css.css，可以明顯的看到現(xiàn)在的index.asp好看多了，不過我們的美化頁面工作還沒完成，繼續(xù)定義鏈接的CSS----單擊圖30中的加號按鈕，在彈出的"New CSS Style"對話框中作如圖35設(shè)置，單擊"OK"按鈕，再設(shè)置(圖35)
剛才定義的是正常狀態(tài)和點(diǎn)擊之后的鏈接，現(xiàn)在再定義一下鼠標(biāo)移上時的鏈接狀態(tài)：
保存css.css，刷新瀏覽器中index.asp頁，看看效果----好象還少點(diǎn)東西，表格線不是網(wǎng)上常見的那種細(xì)線，對不對？好，我們現(xiàn)在就開始打造細(xì)線表格。用DW打開css.css，在最后加上代碼：
.thin {
border-collapse: collapse;
}
現(xiàn)在css.css里的文件代碼如下：
然后給需要做細(xì)線的表格(表格一、表格二、表格四和表格五)的table標(biāo)簽里加上class="thin"，給表格二、表格四和表格五的table標(biāo)簽里加上frame="void"，完成后代碼大概如圖40，在IE中看的效果如圖41所示：
注意，這種方法制作的細(xì)線表格，必須保證有class="thin"、border="1"和bordercolor="#666666"(邊框顏色，可以選擇自己喜歡的顏色)三個屬性，并且只適用 于IE5.0+。
最后是給幾個單元格加上背景圖片和背景顏色，完成后在IE中的效果如圖所示：
至此，顯示留言頁(index.asp)的前臺部分全部完成
出處：閃吧
責(zé)任編輯：藍(lán)色
上一頁 顯示留言 [4] 下一頁 連接數(shù)據(jù)庫 [6]
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁 
第 5 頁 用CSS美化頁面 [5]
