Dreamweaver教程：CSS制作細框表格

細線框表格是我們在網頁制作中經常需要用到的效果之一，制作細線框表格的方法很多，代碼兼容性最高的還是單元格背景填充法，不過常規寫法產生的垃圾代碼較多，今天我們轉換思路用CSS來實現該效果。整個過程完全在Dreamweaver可視化界面下完成，不需要大家手工寫任何代碼，非常簡單。

    新建CSS樣式

    運行Dreamweaver，點擊菜單“窗口”→“CSS樣式”調用CSS面板。在面板中點擊“新建CSS規則”按鈕，如圖1。

    進入“新建CSS規則”對話框，將“選擇器類型”設置為：高級；鍵入“選擇器”名稱：.bk(名稱由大家任意確定，但該樣式以后會反復調用，不可搞錯)；“定義在”設置為“僅對該文檔”，點擊“確定”按鈕完成，如圖2。

    現在名為“.bk”的CSS就建立好了，接下來我們為它添加一個子選擇器。繼續在CSS面板中點擊“新建CSS規則”按鈕，基本設置如圖2，不過選擇器名稱定義為“.bk td”(表示這是一個依附于.bk的子樣式)。依然進入“CSS規則定義”對話框，繼續設置背景顏色，本例值為“#FFFFFF”，即白色，點擊“確定”按鈕完成。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈