w3-card
w3-card-4
w3-card-4
內建響應式
移動優先的流式柵格
適應任何螢幕尺寸
PC、平板和手機
僅標準 CSS
易於學習
無需 jQuery
無 JavaScript 庫
紙質般的設計
鮮豔的色彩和陰影
跨平臺一致
跨裝置一致
紅色
藍色
藍灰色
水鴨色
黃色
橙子
調整頁面大小以檢視效果！
`w3-half` 類使用螢幕視窗的一半（50%）。
在小螢幕上（最大 600 畫素），它會自動調整為全屏寬度。
w3-third 類佔據螢幕寬度的三分之一 (33.33%)。
在小螢幕上（最大 600 畫素），它會自動調整為全屏寬度。
`w3-quarter` 類使用螢幕視窗的四分之一（25%）。
在小螢幕上（最大 600 畫素），它會自動調整為全屏寬度。
使用容器建立標題、節和頁尾。
倫敦是英格蘭的首都。它是英國人口最多的城市，都市區有超過 1300 萬居民。
倫敦坐落在泰晤士河畔，兩千年來一直是一個重要的定居點，其歷史可以追溯到羅馬人建立並將其命名為倫敦尼亞姆。
順便說一句，您可以為所有容器新增關閉圖示，如果您想隱藏它們。看您右邊！
顏色主題的設計旨在和諧共存。
動畫的反應很荒謬
感人、 gripping 且製作精良
對漫威和迪士尼來說是巨大的成功
動畫的反應很荒謬
感人、 gripping 且製作精良
對漫威和迪士尼來說是巨大的成功
w3-card
w3-card-4
w3-card-4
別擔心。W3.CSS 會處理您的表格。
| 名字 | 姓氏 | 分數 |
|---|---|---|
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
| Adam | Johnson | 67 |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
帶圖片的摺疊面板
法國阿爾卑斯山
倫敦是英格蘭的首都。
它是英國人口最多的城市，都會區擁有超過 1300 萬居民。
巴黎是法國的首都。
巴黎地區是歐洲最大的聚居地之一，人口超過 1200 萬。
東京是日本的首都。
它是大東京地區的核心，也是世界上人口最多的都會區。
