HTML table 屬性 運用例項

2021-04-27 19:28:23 字數 1435 閱讀 7224

一、**中單元格之間分隔線的隱藏方法

一行第二

行第三行

這個**去掉了單元格之間的縱向分隔線第第

第一二三

列列列這個**去掉了單元格之間的橫向分隔線橫線

豎線都沒

了這個**去掉了單元格之間的縱向分隔線和橫向分隔線

其實上面的三個**都有三行三列,隱藏分隔線的訣竅在於rules,察看這三個**的源**,我們可以看到標籤中都有rules。 它有三個引數(cols,rows,none),當rules=cols時,**會隱藏縱向的分隔線,這樣我們就只能看到**的行;當rules=rows時,則 隱藏了橫向的分隔線,這樣我們只能看到**的列;而當rules=none時,縱向分隔線和橫向分隔線將全部隱藏。

二、**邊框的隱藏

表通格這是一普通的**

不怕下雨

只顯示上邊框

下起雨來

該怎麼辦

只顯示下邊框

上不著天

下不著地

只顯示左、右邊框

兩邊走開

老子姓王

只顯示上、下邊框

左右為難

只顯示左邊框

左右為難

只顯示右邊框

光禿禿全脫了

不顯示任何邊框

**邊框的顯示與隱藏,是可以用frame引數來控制的。請注意它只控制**的邊框圖,而不影晌單元格。

只顯示上邊框

只顯示下邊框

只顯示左、右邊框

只顯示上、下邊框

只顯示左邊框

只顯示右邊框

不顯示任何邊框

三、**邊框

表通格這是一普通的**普表

通格 細

表線格**加上了漂亮的細線

(利用cellspacing1畫素間隙和**與單元格背景的不同)細表

線格 細

表線格這和上面那個可不一樣,它用的是css,效果卻一樣。

(對單元格border的定義)細表

線格 細

表線格再進一步,把邊框變成虛線,同樣是css的神奇作用。細表

線格

細線**的擴充套件應用,奧妙就是在第個單元格中再套入乙個**。 立表體

格立體感的**

(簡單的亮暗邊框設定,注意只有ie支援這種效果)立表

體格無名**

給**加上乙個表頭

(應用和標籤)

無名**

表中表效果ⅰ

給表頭再加個框

(用css為定義乙個邊框)

表中表效果ⅰ

表中表效果ⅱ

看起來和上面的一樣,可是這個才是真正的表中表哦。

(在中插入乙個**)

表中表效果ⅱ

一、**中單元格之間分隔線的隱藏方法

mysql sql log bin運用例項

參考 環境資訊 master 192.168.0.100 master 192.168.0.101 1.版本 資訊 admin localhost test 04 03 40 select version version 5.5.24 log 2.測試過程 1 建立測試表t1 create tabl...

C Traits運用例項

需要把資料型別分為三類,比如float,double是一類,int,char是一類,其他的包括自定義型別是一類。template test.cpp 定義控制台應用程式的入口點。include stdafx.h include include include using namespace std t...

jieba分詞運用例項

import os import jieba.analyse as analyse import time 這裡是乙個計時功能的實現 begin time.time 這裡是網路 所在的父目錄 fatherdir d project44 網路 獲得所有書名組成的list,乙個個打太麻煩了 bookli...