CSS巧妙實現分隔線的幾種方法

2021-08-01 09:12:05 字數 928 閱讀 7471

點此檢視例項展示

html:

小小分隔線 單標籤實現

css:

.demo_line_01
優點:**簡潔

點此檢視例項展示

html:

小小分隔線 巧用色實現

css:

.demo_line_02

.demo_line_02 span

優點:**簡潔,可自適應寬度

點此檢視例項展示

html:

小小分隔線 inline-block實現

css:

.demo_line_03

.demo_line_03 b

.demo_line_03 span

點此檢視例項展示

html:

小小分隔線 浮動來實現

css:

.demo_line_04

.demo_line_04

.demo_line_04 b

點此檢視例項展示

html:

———————————小小分隔線 字元來實現————————————

css:

.demo_line_05

.demo_line_05 span

優點:**簡潔 以上簡單介紹了分隔線的寫法,也許還有其它比較合適的寫法,看環境各取所需吧!

CSS巧妙實現分隔線的幾種方法

小小分隔線 單標籤實現 demo line 01優點 簡潔 小小分隔線 巧用色實現 demo line 02 demo line 02 span優點 簡潔,可自適應寬度 小小分隔線 inline block實現 demo line 03 demo line 03 b demo line 03 spa...

CSS巧妙實現分隔線的幾種方法

點此檢視例項展示 demo line 01 優點 簡潔 點此檢視例項展示 demo line 02 demo line 02 span 優點 簡潔,可自適應寬度 點此檢視例項展示 demo line 03 demo line 03 b demo line 03 span 優點 文字可多行 點此檢視例...

MathType調整矩陣分隔線粗細的方法

矩陣是線性代數的重要的組成部分,對於矩陣的計算,一般會先找一些規律再進行計算這樣會更加方便。對於比較複雜的矩陣,在尋找規律時經常會將矩陣進行分割,我們將這種矩陣稱為分塊矩陣。有時為了表示矩陣的這種分塊,就會用一些分割線將之劃出來,這樣會看得更明顯一些。在用word公式編輯器 mathtype編輯分塊...