CSS打造色塊標題標識
更新時間：2006年09月25日 00:00:00 作者：
不少網(wǎng)站開始采用韓式風格來建站.一般人都會想到用Photoshop等軟件來完成這樣的效果，但如果網(wǎng)頁上這類圖片太多，或是較大時，會給訪問帶來一定的困難。這里就給大家講一講如何用CSS來做這樣的風格，因為用CSS只是對顏色的定義，少了圖片的應用，所以基本不會影響速度。
這種風格的特點是色彩變化豐富、應用Flash動畫合理、結(jié)構(gòu)新穎，最明顯的特點就是表格或標題欄常會加上一條橫或豎的色帶，如圖中圈起來的地方就是這樣:
首先，在Dreamweaver MX 2004中為頁面添加一個CSS效果類，具體設置如圖。
點擊OK后，會彈出具體的效果設置，打開其中的border標簽，進行如圖的設置。
然后將Background標簽中的Background Color設置為“#BAEE66”，在你要應用這種風格的表格上添加這個CSS效果就OK了。
應用這種方法，大家可以做出各式各樣美觀且訪問速度很快的表格來，下圖是筆者試做的幾種風格，大家可以根據(jù)border的設定再結(jié)合表格的設計來做出各式各樣的效果來。
這種風格的特點是色彩變化豐富、應用Flash動畫合理、結(jié)構(gòu)新穎，最明顯的特點就是表格或標題欄常會加上一條橫或豎的色帶，如圖中圈起來的地方就是這樣:
首先，在Dreamweaver MX 2004中為頁面添加一個CSS效果類，具體設置如圖。
點擊OK后，會彈出具體的效果設置，打開其中的border標簽，進行如圖的設置。
然后將Background標簽中的Background Color設置為“#BAEE66”，在你要應用這種風格的表格上添加這個CSS效果就OK了。
應用這種方法，大家可以做出各式各樣美觀且訪問速度很快的表格來，下圖是筆者試做的幾種風格，大家可以根據(jù)border的設定再結(jié)合表格的設計來做出各式各樣的效果來。
相關文章
CSS基礎學習...2006-09-09
頁面遮罩層，并且阻止頁面body滾動。bootstrap模態(tài)框原理
最近在做手機端效果的時候，頁面需要在下拉菜單滾動的時候，阻止頁面的滾動。于是就研究了一下bootstrap模態(tài)框的實現(xiàn)原理。2014-05-05
CSS制作樹狀目錄教程...2006-09-09
自定義容器和字體大小...2006-06-06
IE最新的欺騙代碼...2006-06-06
用js控制css的不錯的方法...2006-09-09
表格斜線...2006-09-09
CSS關于相對定位和絕對定位的說明實例...2006-09-09
通過CSS數(shù)學函數(shù)實現(xiàn)動畫特效
本文通過圖片以及代碼，詳細講解了CSS數(shù)學函數(shù)如何實現(xiàn)一些有趣的動畫效果，非常的有趣，感興趣的小伙伴可以借鑒一下這篇文章2021-08-08
閉合浮動元素超級簡單的方法...2006-08-08