頁面佈局二

1、首先分析佈局，能夠把頁面分紅3個部分

（1）第一行  只有一個單元格，裏面只有一張圖片

（2）第二行  只有一個單元格 一個p標籤裏包含了4個超連接

（3）第三行 兩個單元格

主要是第三行 第二列的表格比較複雜，個人思想就是一行一行看，設置rowspan，並把它一列其餘被合併的刪除掉

2、修飾

第一行 圖片距離左邊有距離

第二行 和頁面佈局一思想接近就直接貼代碼了  主要是結構僞類選擇器的應用

第三行經過PS測量得知表格是居中的，因此設置表格寬度和居中，而後設置每一個td的寬度，和表格之間的距離

第三行 第一列 設置常見問題這個h3的一些屬性

設置p標籤的大小顏色 以及距離

而後設置 H3距離下方文字的距離，p標籤距離下方和左邊的距離

設置第三行第二列div的寬高和背景和Input框距離div左邊的距離

設置 配送服務收費標   1、配送服務收費標準

設置第三行第二列表格中的 每一列的寬度，其實，只須要設置，th寬度就能夠，設置文本大小，居中對齊，以及表格距離左邊的距離

設置最後的p的屬性

這時候看到和原圖有出入，貌似第三行第二列表格高度 設置一下  基本就完成了