Dreamweaver CS6 如何設(shè)置表格各元素的屬性?
視頻內(nèi)容:
如何設(shè)置表格各元素的屬性?
插入表格后,通過選擇不同的表格對(duì)象,可 以在"屬性面板中看到它們的各項(xiàng)參數(shù),修改 這些參數(shù)可以得到不同風(fēng)格的表格。
1.表格的屬性
表格的"屬性"面板,各選項(xiàng)的作用如下。
“表格”選項(xiàng):用于標(biāo)志表格。
“行”和“列"選項(xiàng):用于設(shè)置表格中行和 列的數(shù)目。
“寬”選項(xiàng):以像素為單位或以瀏覽器窗口 寬度的百分比來設(shè)置表格的寬度。
"填充”選項(xiàng):也稱單元格邊距,用于設(shè)置 單元格內(nèi)容和單元格邊框之間的像素?cái)?shù)。對(duì)于大 多數(shù)瀏覽器來說,此選項(xiàng)的值設(shè)為1。如果用表 格進(jìn)行頁面布局時(shí)將此參數(shù)設(shè)置為0,瀏覽網(wǎng)頁 時(shí)單元格邊框與內(nèi)容之間沒有間距。
“間距”選項(xiàng):也稱單元格間距,用于設(shè)置 相鄰的單元格之間的像素?cái)?shù)。對(duì)于大多數(shù)瀏覽器 來說,此選項(xiàng)的值設(shè)為2。如果用表格進(jìn)行頁面 布局時(shí)將此參數(shù)設(shè)置為0,瀏覽網(wǎng)頁時(shí)單元格之 間沒有間距。
“對(duì)齊”選項(xiàng):用于設(shè)罝表格在頁面中相對(duì) 子同一段落其他元素的顯示位置。
“邊框”選項(xiàng):以像素為單位設(shè)置表格邊框 的寬度。
“清除列寬”按鈕它和“清除行高”按鈕從表格中刪除所有明確指定列寬或行高的 數(shù)值。
“將表格寬度轉(zhuǎn)換成像素”按鈕口:將表格每列寬度的單位轉(zhuǎn)換成像素,還可將表格寬度的 單位轉(zhuǎn)換成像素。
“將表格寬度轉(zhuǎn)換成百分比”按鈕:將表格每列寬度的單位轉(zhuǎn)換成百分比,還可將表格寬 度的單位轉(zhuǎn)換成百分比。
“類”選項(xiàng):設(shè)置表格樣式。
2.單元格和行或列的屬性 單元格和行或列的"屬性”面板,各選項(xiàng)的作用如下。
“合并所選單元格,使用跨度"按鈕:將選定的多個(gè)單元格、選定的行或列的單元格合并 成一個(gè)單元格。
“拆分單元格為行或列”按鈕將選定的 —個(gè)單元格拆分成多個(gè)單元格。一次只能對(duì)一個(gè)單 元格進(jìn)行拆分,若選擇多個(gè)單元格,此按鈕禁用。
“水平”選項(xiàng):設(shè)置行或列中內(nèi)容的水平對(duì) 齊方式。在其下拉列表中包括“默認(rèn)” “左對(duì)齊"“居中對(duì)齊”"右對(duì)齊" 4個(gè)選項(xiàng)。一般標(biāo)題行的所有單元格設(shè)置為"居中對(duì)齊”方式。
“垂直”選項(xiàng):設(shè)置行或列中內(nèi)容的垂直 對(duì)齊方式。在其下拉列表中包括“默認(rèn)""頂端""居中""底部”和"基線" 5個(gè)選項(xiàng),一 般采用"居中”對(duì)齊方式。
“寬"和“高”選項(xiàng):以像素為單位或以瀏覽器窗口寬度的百分比來設(shè)置表格的寬度和高度。
“不換行”選項(xiàng):設(shè)置單元格文本是否換行。如果勾選“不換行"復(fù)選框,當(dāng)輸入的數(shù)據(jù) 超出單元格的寬度時(shí),會(huì)自動(dòng)增加單元格的寬度 來容納數(shù)據(jù)。
“標(biāo)題”選項(xiàng):勾選該復(fù)選框,則將行或 列的每個(gè)單元格的格式設(shè)置為表格標(biāo)題單元格 的格式。
“背景顏色”選項(xiàng):設(shè)置單元格的背景顏色。
繼續(xù)查找其他問題的答案?
-
Dreamweaver CS6 如何設(shè)置鼠標(biāo)經(jīng)過圖像鏈接?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-1211次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-124次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-127次播放
-
Dreamweaver CS6 如何設(shè)置圖像屬性?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-1211次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-121次播放
-
Dreamweaver CS6 如何設(shè)置標(biāo)尺?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-114次播放
-
Dreamweaver CS6 如何設(shè)置網(wǎng)頁元素與網(wǎng)格對(duì)齊?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-110次播放
-
在2012 DWCS6中??CSS如何顯示和隱藏網(wǎng)格?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-110次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-113次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-111次播放
點(diǎn)擊加載更多評(píng)論>>