版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、HTML表格邊框制作教程表格邊框制作教程作者:靈子作者:靈子表格以和分別作起始標(biāo)識(shí)符。其中,里有一些必要的參數(shù),為容易理解起見,在這里只介紹本節(jié)用到的參數(shù),其他的參數(shù)今后將陸續(xù)提到。bder參數(shù)定義表格邊框的粗細(xì),記為bder=數(shù)值,數(shù)值取0,1,2,3等整數(shù)。width是我們要定義的參數(shù),它規(guī)定表格的寬度,數(shù)值通常用100%,記作width=100%,值得注意的是,如果不設(shè)置width值,表格將根據(jù)單元格里的內(nèi)容自動(dòng)定義寬度。heig
2、ht參數(shù)規(guī)范表格的高度,通??梢圆辉O(shè)置,而是讓內(nèi)容的多少讓系統(tǒng)自行設(shè)定。和之下,還需要由兩個(gè)成對(duì)的標(biāo)識(shí)符號(hào)定義表格的行、列,它們分別是……,……,tr標(biāo)識(shí)符定義表中的行,td標(biāo)識(shí)符定義數(shù)據(jù)表元,即每行中的每一列。……要包含在……里面。此外,論壇要求在下有(表體),它也是成對(duì)出現(xiàn),包含...。一張完整的表格全部語法如下:HelloTable效果如下:HelloTable表格邊框的修飾上一講我們講到bder屬性,bder即為邊框,除了有粗細(xì)
3、的數(shù)值定義以外,還有其他的屬性哦。我們先來看看亮邊框的顏色和暗邊框的顏色設(shè)置。亮邊框記作bdercollight,暗邊框記作bdercoldark。它們的數(shù)值可以用red、green、blue等表達(dá),也可以用#11ee00這樣的方式來表達(dá),比如:bdercollight=red,bdercollight=#808000。請看下面的表格:以上表格的全部代碼清單如下:表格背景的修飾默認(rèn)情況下,HTML網(wǎng)頁里表格的背景色是白色的。這顯然不總是
4、符合我們的要求,我們通常會(huì)設(shè)置各種背景顏色,以配合網(wǎng)頁或貼子主題。設(shè)置表格的背景色很簡單,給其bgcol屬性賦值即可,寫作bgcol=數(shù)值,其數(shù)值取值方式和上一講講到的邊框顏色是一致的,比如:bgcol=black或bgcol=#000000。bgcol屬性應(yīng)該放置在表格初始符當(dāng)中。下面舉個(gè)實(shí)例,先是代碼,后是效果:背景色:bgcol=#CCCC00暗邊框顏色:#008000亮邊框顏色:#008060[注一:代碼中用上了設(shè)置字體對(duì)齊方式
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2、html基礎(chǔ)表格邊框制作教程
- html的table邊框技巧 - html表格table 邊框樣式美化
- 制作間隔邊框表格
- 幾種漂亮邊框制作教程
- html中表格細(xì)邊框的四種實(shí)現(xiàn)及其比較
- 邊框制作
- html教程
- 全新光影魔術(shù)手多圖邊框制作教程
- 倉庫管理表格制作圖文教程(如何用excel表格制作倉庫管理表格)
- html邊框、圖片如何加羽化的代碼
- ps鏤空邊框教程
- 圖片邊框的制作
- html表格代碼大全
- html 菜鳥進(jìn)階教程 !
- 《html+css+javascript網(wǎng)頁制作案例教程》_教學(xué)大綱
- 《html+css+javascript網(wǎng)頁制作案例教程》課程教學(xué)設(shè)計(jì)
- 外文翻譯----html教程
- html表格布局實(shí)例
- html表格畫線控制
- 如何用photoshop制作邊框
評(píng)論
0/150
提交評(píng)論