CSS打造色塊標題標識_CSS/HTML

不少網站開始採用韓式風格來建站.一般人都會想到用Photoshop等軟體來完成這樣的效果，但如果網頁上這類圖片太多，或較大時，會給訪問帶來一定的困難。這裡就跟大家講一講如何用CSS來做這樣的風格，因為用CSS只是對顏色的定義，少了圖片的應用，所以基本上不會影響速度。

      這種風格的特徵是色彩變化豐富、應用Flash動畫合理、結構新穎，最明顯的特點就是表格或標題欄常會加上一條橫或豎的色帶，如圖中圈起來的地方就是這樣:
　

　　
　　 首先，在Dreamweaver MX 2004中為頁面新增一個CSS效果類，具體設定如圖。

　　 點擊OK後，會彈出具體的效果設置，打開其中的border標籤，進行如圖的設置。

　　 然後將Background標籤中的Background Color設定為“#BAEE66”，在你要應用這種風格的表格上添加這個CSS效果就OK了。
　　 應用這種方法，大家可以做出各式各樣美觀且訪問速度很快的表格來，下圖是筆者試做的幾種風格，大家可以根據border的設定再結合表格的設計來做出各式各樣的效果來。