備用文章

RWD表格切割demo

在設計的過程中,我們不斷問自己,為什麼要設計這些內容、為什麼要規劃那些機能。

Chrysanthemum

在設計的過程中,我們不斷問自己,為什麼要設計這些內容、為什麼要規劃那些機能。

Chrysanthemum

RWD表格demo

#Table headingTable headingTable headingTable headingTable headingTable heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell

在設計的過程中,我們不斷問自己,為什麼要設計這些內容、為什麼要規劃那些機能。我們相信,設計是為了解決問題,解決問題就能設計出好的網站。

設計史上,包浩斯以解決問題為中心,工業生產為前提,奠定了現代設計的基礎。

CADIIS以簡約洗鍊的現代設計風格,結合模組系統的彈性管理優勢,為客戶量身訂作前贍性的現代網站。

 

 

標題 title01

標題 title02

 

連結 link01

連結 link02

這裡是段落,文字加粗(strong),這裡是斜體,這裡是底線,這裡是刪除線

 

按鈕連結 button01

按鈕連結 button02

 

pic01-圖片 加框

Chrysanthemum

pic02-圖片 加陰影

Chrysanthemum

pic03-圖片加圓邊

Chrysanthemum

 

 

預設點點條列(ul-li)

  • 條列項目一
  • 條列項目二
  • 條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三

條列 list01

  • 條列項目一
  • 條列項目二
  • 條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三

條列 list02

  • 條列項目一
  • 條列項目二
  • 條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三,條列項目三

 

預設數字條列(ol-li)

  1. 條列項目一
  2. 條列項目二
  3. 條列項目三

分隔線預設樣式


 

表格 table01

表頭 th表頭 th表頭 th
台北 3/15  第一次研討會
台中  6/20  第二次研討會 
台南  9/18  第三次研討會