風格指南

用戶端優先的 1.0 版

標題

鰭條標題

標題 1

鰭條標題

標題 2

鰭條標題

標題 3

鰭條標題

標題 4
鰭條標題
標題 5
鰭條標題
標題 6

標題類

標題-x大

標題-x大

大標題

大標題

標題-中型

標題-中型

小標題

小標題

heading-xsmall

heading-xsmall

HTML 類

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Suspendisse varius enim in eros elementum tristique.Duis cursus mi quis viverra.

所有段落(HTML 標記)
文本連結
所有連結(HTML 標記)
區塊報價
區塊引用(HTML 標記)
  • 無項目符號清單

  • 無項目符號清單

  • 無序列表

  • 無序列表

  1. 有序清單

  2. 有序清單

文字大小

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Suspendisse varius enim in eros elementum tristique.Duis cursus mi quis viverra.

文本大小-大

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Suspendisse varius enim in eros elementum tristique.Duis cursus mi quis viverra.

文字大小中等

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Suspendisse varius enim in eros elementum tristique.Duis cursus mi quis viverra.

文本大小常規

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Suspendisse varius enim in eros elementum tristique.Duis cursus mi quis viverra.

文本大小-小

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Suspendisse varius enim in eros elementum tristique.Duis cursus mi quis viverra.

文本大小-小

文本權重

Phasellus a nulla in neque lacinia posuere.
文本權重 x 粗體
Phasellus a nulla in neque lacinia posuere.
文本粗體
Phasellus a nulla in neque lacinia posuere.
文本權重半粗體
Phasellus a nulla in neque lacinia posuere.
文本-粗細-中等
Phasellus a nulla in neque lacinia posuere.
文本權重正常
Phasellus a nulla in neque lacinia posuere.
文本權重輕

文本樣式

Phasellus a nulla in neque lacinia posuere.
文本樣式斜體
Phasellus a nulla in neque lacinia posuere.
文字樣式刪除線
Phasellus a nulla in neque lacinia posuere.
文本樣式全部大寫
Phasellus a nulla in neque lacinia posuere.
文本樣式靜音
Phasellus a nulla in neque lacinia posuere.
文本樣式不換行
Phasellus a nulla in neque lacinia posuere.
文本樣式引用
點擊查看更多
文本樣式連結

文本對齊

Phasellus a nulla in neque lacinia posuere.
文本左對齊
Phasellus a nulla in neque lacinia posuere.
文本居中對齊
Phasellus a nulla in neque lacinia posuere.
文本右對齊

富文本

富文本標題

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Suspendisse varius enim in eros elementum tristique.Duis cursus mi quis viverra.

  • 要點一
  • 要點二

富文本標題

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.Duis cursus mi quis viverra.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Suspendisse varius enim in eros elementum tristique.Duis cursus mi quis viverra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Suspendisse varius enim in eros elementum tristique.
鰭條圖像 6
圖片說明

富文本標題

Lorem ipsum dolor sit amet, consectetur adipiscing elit.Suspendisse varius enim in eros elementum tristique.Duis cursus mi quis viverra.

  1. 編號清單一
  2. 編號清單二
富文本標題
富文本標題

顏色

主要
主懸停
光灰
綠松石

背景顏色

背景色-原色
背景色黑色
背景顏色

文字顏色

Phasellus a nulla in neque
文字-顏色-原色
Phasellus a nulla in neque
文字顏色黑色
Phasellus a nulla in neque
文字顏色灰色
Phasellus a nulla in neque
文字顏色-白色

圖示類

鰭甜 圖片 2
圖示小
鰭甜 圖片 2
圖示-中
鰭甜 圖片 2
圖示大
鰭甜 圖片 2
圖示-1x1-小
鰭甜 圖片 2
圖示-1x1-中
鰭甜 圖片 2
圖示-1x1-大

社交圖示

表單示例

謝謝!您的提交已收到!
哎呀!提交表單時出現問題。

邊緣

保證金-0
微小邊距
margin-xxsmall
margin-xsmall
保證金-小
中邊距
保證金大
邊距-x大
保證金-xx大
保證金巨大
margin-xhuge
保證金-xxhuge
保證金自定義1
保證金自定義2
保證金定製3
邊距頂部
右邊距
邊距底部
左邊距
邊距-水準
邊距-垂直
保證金-0-所有

填充

填充-0
填充小
填充-xxsmall
填充-xsmall
小填充
填充介質
大填充
填充-xlarge
填充-xx大
填充巨大
填充-xhuge
填充-xxhuge
填充自定義1
填充自定義2
填充自定義3
填充頂部
向右填充
填充底部
向左填充
填充水準
垂直填充
填充-0-全部

最大寬度

最大寬度-xx小
最大寬度 xsmall
最大寬度-小
最大寬度-中等
最大寬度-大
最大寬度
最大寬度
最大寬度-滿
最大寬度全平板電腦
最大寬度-全移動-景觀
最大寬度-全移動-縱向

有用的全域變數