HTML表格標(biāo)記教程(48):CSS修飾表格(2)_XHTML教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
此表格的內(nèi)格線為1px而外邊框?yàn)?px,有了例一的基礎(chǔ)做起來(lái)就不難了,只要修改border-width值就行了。
對(duì)table所使用的樣式的代碼是:border:blue solid;border-width:3 2 2 3,對(duì)td所使用的樣式的代碼是:border:blue solid;border-width:0 1 1 0
例三:虛線框表格
做法和例一類似,border-style從solid改為dashed。對(duì)table所使用的樣式的代碼是:border:black dashed;border-width:1 0 0 1,對(duì)td所使用的樣式的代碼是:border:black dashed;border-width:0 1 1 0
例四:點(diǎn)線邊框表格
注重點(diǎn)線(dotted)的最小象素為2,對(duì)table所使用的樣式的代碼是 :border:green dotted ;border-width:2 0 0 2,對(duì)td所使用的樣式的代碼是 :border:green dotted;border-width:0 2 2 0
例五:雙線邊框表格
注重雙線(double)的最小象素為3,對(duì)table所使用的樣式的代碼是:border:teal 4 dou,對(duì)td所使用的樣式的代碼是:border:teal 1 solid
例六:outset外框表格
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- CSS文件或Web頁(yè)面中度量單位介紹及比較
- 入門(mén):HTML的基本標(biāo)簽和屬性簡(jiǎn)單介紹
- HTML5的結(jié)構(gòu)和語(yǔ)義——前言(一)
- XHTML入門(mén)學(xué)習(xí)教程:文字格式與特殊字符
- 如何合理的使用XHTML標(biāo)簽進(jìn)行CSS布局?
- HTML高級(jí)教程 聲明
- DIVCSS網(wǎng)頁(yè)布局中常用的列表元素ulollidldtdd釋義
- DIV CSS布局基礎(chǔ):HTML標(biāo)記(五)
- HTML表格標(biāo)記教程(41):表頭的寬度和高度屬性WIDTH、HEIGHT
- HTML表單標(biāo)記教程(4):
- 相關(guān)鏈接:
- 教程說(shuō)明:
XHTML教程-HTML表格標(biāo)記教程(48):CSS修飾表格(2)
。