第五堂課 5.1.A：使用方塊的留白與相關框線利用 5.1.B：區塊標記的左右對齊方式 5.1.C：方塊加上圓角以及陰影的方式 5.1.D：使用自製框線：border-image-source 的使用 5.2.A：利用 display: inline-block 讓區塊標記在水平線上面對齊 5.2.B：在小方塊外面加上一個大方塊來進行版面配置 5.2.C：利用 vertical-align 讓元素對齊平線上方 5.2.D：利用 float 讓子元素漂浮在父元素上方 5.2.E：父元素加上 overflow 來解決子元素 float 後的排版問題 5.3.A：位置探討-利用 margin 來讓方塊重疊的方式 5.3.B：位置探討-透過 z-index 指定圖層的上下順序 5.3.C：位置探討-透過 vertical-align 以及外層排版，定義三個排版問題 5.3.D：位置探討-使用 position relative 來調整單一方塊移動的效果 5.3.E：位置探討-使用 position absolute 來調整全部方塊移動的效果 5.3.F：位置探討-使用 position fixed 來增加一個類似按鈕方塊的功能 5.4.A：進一步了解 overflow 的屬性質意義 5.4.B：圓形大頭照的處理方式 5.4.C：透過 visibility 隱藏答案