2-10中的EXPLORE键颜色切换怎么实现

2-10中的EXPLORE键颜色切换怎么实现

我设置了button的背景颜色为黑色之后,用伪类实现背景颜色切换却没效果,还有ABOUT区中的箭头指向怎么实现呢

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
小丸子爱吃菜 2017-11-15 15:59:28
.main-middle1-bom .main-middle1-bom-left .bottom {
        width: 150px;
        height: 60px;
        border: 1px solid;
        position: absolute;
        top: 250px;
        left: 50px;
        color: #FFF;
        background-color: #000;
    }
    .main-middle1-bom .main-middle1-bom-left .bottom:hover{background-color:red;}

选择器定位的层级太多,默认样式选择器又几层,hover也需要有几层。

小丸子爱吃菜 2017-11-15 13:35:02

亲,html代码也要,不然怎么运行去找问题呢

  • 提问者 qq_偶鸡桑_03648845 #1
    <div class="main-middle1-bom"> <div class="tu3"><img src="images/bb3.jpg"></div> <div class="main-middle1-bom-left"> <div class="nav">A WORD<br/>ABOUT US</div> <div class="write2"> Praesent dignissim viverra est,sed bibendum ligula congue non.Sed ac nisl et felis gravida ommodo? Suspendisse eget ullamcorper ipsum.Suspendisse diam amet. </div> <input class="bottom" type="button" value="EXPLORE" /> <div class="main-middle1-bom-right"> <div class="big"> <div>70000</div> <div class="hr"></div> <div>Students</div> </div> <div class="small"> <div>600</span> <div class="hr"></div> <div>Faculty</div> </div> </div> </div> </div>
    2017-11-15 14:58:38
小丸子爱吃菜 2017-11-14 09:37:37

粘贴你有问题的区域的代码吧!

  • 提问者 qq_偶鸡桑_03648845 #1
    main .main-middle1 .main-middle1-bom .main-middle1-bom-left .bottom{ width: 150px; height: 60px; border: 1px solid ; position: absolute; top: 250px; left: 50px; color: #FFF; background-color:#000; }
    2017-11-15 12:10:40
小丸子爱吃菜 2017-11-13 14:18:18

1、你给button设置的背景颜色,是在外部样式写的还是在标签上写的?看不到代码,无法帮你准确定位!

2、箭头使用border属性来完成,可以网上查阅一下border如何实现三角形,自己试一下哦~然后通过定位,将三角形定位在相关的位置上!

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师