現在開始講關于淘寶頭部的制作

　　老師講課之前都會錄制視頻或者是叫我們提醒的，首先 在制作之前 老師都會對我們說看著效果圖先，然后觀察效果圖再作出判斷用什么方法 結構去布局 用Box div 背景色還是背景圖去填充等等。

這是我在課堂上跟著老師做的一個大概的效果 當然這個還有一點沒完成 只是看著老師做 知道怎么完成而已。

從效果圖來看，就會選擇左右的結構 左邊插入一張LOGO的背景圖 右邊的就分成3層 上中下來看

LOGO的部分最簡單的，就是直接插入 改變位置：

右邊的部分就用一個大div包住小div的方式完成  當然的最外面還有一個最大的div包?。?/p>

關于“連衣裙”在搜索框里面，代碼里面已經打出來了，然后右邊下面的產品搜索關鍵詞上節課也做過了的 就不說了。

老師要說的是這里的： 制作“寶貝”、“天貓”、“店鋪”鼠標經過顯示的橙色背景效果，背景會做 但是當時上面的圓角邊就不會做了   上面的代碼也給了 “寶貝”里面給了一個class，對應的樣式如下：

這也是新學到的知識點了 “border-radius”     5px 5px 0 0是按順時針看的，從左上開始：左上 右上 右下 左下，對應的效果把2個位置作修改就可以了。

整體的制作過程就這樣完成了 謝謝老師的教導！