CSS_相簿(方塊酥)版面
相簿(方塊酥)版面
相簿式的版面，加上之前的圖文互動效果。
HTML
Code123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354<div clas ...
CSS_麵包屑導覽
麵包屑導覽
HTML
有三個部分，導覽列、位置列(breadcrumbs)、內容。
Code1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 <div class= ...
CSS_導覽列
導覽列
也是很常見的版型。
<head> 引用 icon 跟 字型。
Code123456789101112131415<!--fontawesome--> <link rel="stylesheet" ...
CSS_頁尾資訊
頁尾資訊
常見的頁尾資訊區塊。
HTML
Code12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364<di ...
CSS_橫式版面
橫式版面
HTML
Code1234567891011121314151617181920212223242526272829303132333435363738<div class="wrap"> <div class="con ...
CSS_interlock
元素交錯漂浮
HTML
Code123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657<div class="wrap" ...