今天要繼續修改網頁內部的內容
1.修改主畫面大圖片的寬度和高度
使用這段程式來修改
css程式
網頁方面
2.放置商品圖片
這裡我們使用<ul><li> </li></ul>來將商品和商品名稱組合為一組再用一組<ul class="picture1"> </ul>，將兩組包含圖片和文字的組合再組成一組，這裡的程式是創一個新的class
類別，方便讓我們控制兩組圖片的組合
HTML程式
然後在將商品圖片縮小到適合的大小，再讓兩組圖片和文字平行排列
css程式
網頁方面
3.放置最新消息
在主畫面的大圖片下顯示最新的商家消息
這裡分成標題和內文兩種
標題HTML程式：
我們在這新增一個新的class類別，方便個別修改位置
內文HTML程式：
然後將標題和內文分別置中
css程式
網頁方面
今天先到這裡明天再繼續！
iThome鐵人賽
看影片追技術