亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

【九月打卡】第19天 javascript(子菜單背景圖片內容1)

1.课程名称:子菜单结构与样式


课程章节: javascript(子菜单背景图片)


2.课程内容:

        我们需要在子菜单的背景添加内容

        我们在inner-box里面再添加一个容器 sub-inner-box

        https://img1.sycdn.imooc.com/632dc3bc0001427208570344.jpg

        里面再写入一个容器

        div class =title 用来添加文字内容

        

        写入css样式

        .sub-inner-box

        width 652

        左边距 40 px

        https://img3.sycdn.imooc.com/632dc5a600015c7510690409.jpg


        添加设置title文字样式

        https://img1.sycdn.imooc.com/632dc5ec00018e6810420782.jpg

        颜色

        线高

        右中下边

        字体加粗

        效果

        https://img1.sycdn.imooc.com/632dcad80001cd7913630104.jpg

        


            在添加一个容器

            div sub-row

            用来放置大内容

            https://img3.sycdn.imooc.com/632dcb3e000189ad11620858.jpg

            

          然后添加css样式

            .bold 设置字体加粗

        https://img1.sycdn.imooc.com/632dce400001ca3207660440.jpg

        

          https://img1.sycdn.imooc.com/632dceff00013a4206050444.jpg  

            blod mr10 css 设置 右边距 10px

        https://img1.sycdn.imooc.com/632dcf4c0001471a04000132.jpg

        

            /  左右边距也要设置

https://img4.sycdn.imooc.com/632dcf730001ba3005840399.jpg

https://img1.sycdn.imooc.com/632dcf7b0001d15105400138.jpg

            

            span 里面得 sub-row 设置右边距25px

            .

            https://img3.sycdn.imooc.com/632dcfaa0001d4d405580717.jpg


        添加测试内容

        https://img3.sycdn.imooc.com/632dcfca00014a9a10230759.jpg

        

        效果:

        https://img4.sycdn.imooc.com/632dcfdd0001479915930660.jpg

        完美!!O(∩_∩)O

        

        三:本节重点就是理解div容器!!

        

點擊查看更多內容
TA 點贊

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

評論

作者其他優質文章

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

關注作者,訂閱最新文章

閱讀免費教程

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

100積分直接送

付費專欄免費學

大額優惠券免費領

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

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消