❶ Dreamweaver中如何使表格變色!
表格變色?
表格的填充還是表格的線條..還是表格每條線都不一樣??
1.填充的話很簡單..點擊表格點背景色,就可以每一個區域加不同的顏色.
2.線條.點中表格將邊框設為1以為上數字.
然後點邊框顏色,就可以了.
3.每條線都不一樣的話,在dw里的文本的css樣式中,新建一個樣式,你只管點下一步保存之類的,然後彈出對話框,在裡面的邊框裡面,設置上下左右的顏色..
然後呢..就是保存起來.
然後選中表格,在屬性裡面的類,設成你剛剛保存的那個css樣式..
懂不,...
❷ DW怎樣實現當滑鼠經過表格時改變表格的背景顏色
一、新建網頁,創建表格。
新建一個網頁,在dreamweaver中點擊插入表格按鈕,然後在彈出的窗口填寫選項,行數自定(我填3),列數填2就可以了,表格寬度300像素,邊框粗細、單元格邊距和間距都填0,頁眉選擇無即可,如圖一所示,然後點擊確定。新表格創建完畢。
二、給表格定義背景色。
在dreamweaver右側的css面板中點擊「新建css規則」按鈕,如圖二,在彈出的選項板中「選擇器類型中」選擇第二項「標簽」,在「標簽」選項中填入或選擇tr,「定義在」選擇僅對該文檔,如圖三所示,然後確定。
下面彈出的是css規則定義窗口,左側選擇「背景」,右側的背景中選擇顏色#666666,如圖四所示,然後點擊確定。
三、添加:hover屬性
現在做的就是重復第二步中的兩項操作,點擊「新建css規則」按鈕,在彈出的選項板中選擇器類型中選擇第三項「高級」,在下面選擇a:hover,並把a改成tr,或者直接填寫上tr:hover也可以,「定義在」選擇僅對該文檔,如圖五所示,然後確定。
在下面彈出的css規則定義窗口中同樣選擇背景,右側選擇一個背景顏色#cccccc,如圖六所示,然後點擊確定。
用各種瀏覽器預覽一下,你會發現在firefox和ie7中的效果是正常的,但在ie6中沒有任何效果。這是因為他不支持偽類:hover,只能想辦法修正一下,所以只能動用javascript。
四、用javascript修正ie6中的效果。
將dreamweaver切換到代碼視圖,在源代碼中找到表格的各行開頭標簽處,在標簽中加入javascript代碼,變成:
onmouseover是滑鼠懸浮時,onmouseout是滑鼠移開,這句話的意思就是當滑鼠懸浮到此行的時候它的背景顏色值為#cccccc,當滑鼠移開時背景消失。
只有加上這行代碼的標簽才會有變換效果,所以三行都要改成這個樣子。如果你要做的表格有n多行,覺得每行都加這個javascript代碼比較麻煩,只能求助更高級的javascript代碼方法了,但它離我的話題太遠了,這里就不介紹了,有興趣的朋友可以在網上搜搜看。
到這里,如何用css製作滑鼠經過表格變色的方法已經介紹完了,如果您還有其它更好的方法,可以與我交流,我們共同探討。
❸ 在DW中如何設置表單背景顏色
把代碼放在</head>標簽上面:<style>td{background:#FF0000;}</style>,其中,#FF0000是顏色代碼,可以自己修改,如不知顏色代碼,可以到網上查找,也可以用英文代替,比如background:red;也是正確的
❹ dreamweaver如何設置表格的背景色
設置方法如下:
直接設置:在設計模式下,選中表格,在表格屬性工具欄中選擇顏色即可設置
加代碼:選中表格後,打開代碼窗口,找到<table id="Table1" bgcolor=#3300cc></table>
bgcolor就是背景色,#後面的6個數字兩兩分別代表RGB三種顏色 ,可以通過更改數字來實現顏色的變化。
❺ 如何在DW中改變單個單元格背景顏色,不用改代碼的方法
直接在DW中任意選中一個單元格利用CSS編輯即可。
1、雙擊選擇任意單元格,點擊下方的CSS,然後再右上角編輯CSS設置。