第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

【學習打卡】第9天 商品展示頁腳區(qū)

一 课程名称


课程名称:前端油画商城案例


课程章节:商品展示页脚区


二 课程内容


 添加商品展示的页脚区


  1. 写入div

    https://img4.sycdn.imooc.com/62f88d050001906312660843.jpg

    https://img1.sycdn.imooc.com/62f88d720001cad216830681.jpg

    2. 开始写入css样式代码

    给.footer整个页眉区域 宽度100% 高度60px 边距控制上下,给予60px 左右设置自动

    https://img3.sycdn.imooc.com/62f8a63600015a9909620706.jpg

    高度 间距就出来了

    https://img4.sycdn.imooc.com/62f8a6550001472814880659.jpg

    添加上划线 1px 固定的 颜色是灰色

    https://img1.sycdn.imooc.com/62f8a8a00001803a06140244.jpg

    https://img2.sycdn.imooc.com/62f8a8c30001a2ba16690210.jpg

    3.然后处理footer里的文字段咯 

    https://img4.sycdn.imooc.com/62f8a9ee000119b314140884.jpg

    text-align:center  将文字居中

    margin-top:30px  

    https://img1.sycdn.imooc.com/62f8ae0a0001ca5714820780.jpg

    

    4. 文字前头加上颜色 ,给需要的文字加上span

    https://img1.sycdn.imooc.com/62f8af96000154b008160454.jpg

    css直接给span加上颜色代码就可以了

    .footer p span{ color: blueviolet}

    https://img1.sycdn.imooc.com//62f8b5e8000120a908040867.jpg

    最终效果

    https://img1.sycdn.imooc.com//62f8b63d00010eaf15790741.jpg

    

  

三 本章难点

    本小节基本是全章最简单的一小节,没难点,思路清晰的话一下就做出来了

    


    

    

    


點擊查看更多內(nèi)容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質文章

正在加載中
數(shù)據(jù)庫工程師
手記
粉絲
5
獲贊與收藏
0

關注作者,訂閱最新文章

閱讀免費教程

  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優(yōu)惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消