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

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

【九月打卡】第8天 javascript(輪播圖上的按鈕樣式)

1.课程名称 :javascript 轮播图


课程章节:轮播图上的按钮样式


2.课程内容:

    添加按钮,和css部分

    

    首先添加圆点导航容器

    添加span class=dots

    https://img1.sycdn.imooc.com//631ee033000183dc11010643.jpg

    css写入dots主容器样式

    dots 也需要绝对定位的

     https://img1.sycdn.imooc.com//631ee1ea000137e610110498.jpg

     right0  底部24px  text-align,靠右对齐

     

    设置主容器的 dots.span

    水平显示在一条线

    宽度高度12px

    线高度12px

    border-radius :50% 变成圆型

    圆型的背景颜色和阴影颜色

    

: ():()

    margin-right

    右边距16

    https://img1.sycdn.imooc.com//631ee28900015a7f12650613.jpg

    效果

    https://img1.sycdn.imooc.com//631ee3a40001f27501750205.jpg

    圆点导航对应正在显示的图片时,需要它是白色底灰边框

    https://img1.sycdn.imooc.com//631ee41600019bf408150423.jpg

    设置阴影部分

    背景颜色白色

    

    效果:

    https://img1.sycdn.imooc.com//631ee45500010a0216130765.jpg

    三,本章重点,需要多跟着老师练习就可以了,都是一些样式代码O(∩_∩)O




點擊查看更多內容
TA 點贊

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

評論

作者其他優質文章

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

關注作者,訂閱最新文章

閱讀免費教程

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

100積分直接送

付費專欄免費學

大額優惠券免費領

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

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

幫助反饋 APP下載

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

公眾號

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

舉報

0/150
提交
取消