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

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

qq_偶鸡桑_03648845 2017-11-13

源自：项目：网页布局案例 2-10 作业题

22

收起

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如何实现三角形，自己试一下哦~然后通过定位，将三角形定位在相关的位置上！

祝学习愉快！

提问者 qq_偶鸡桑_03648845 #1

我在外部样式写的

2017-11-13 21:21:43

相似问题

banner区的四个输入框以及一个button的边框以及字体颜色颜色是什么？

颜色选择器选择的颜色名称怎么打

怎么把鼠标切换出来

问下，老师，看下代码实现是否简洁？右侧登录框中文本的颜色和样式怎么设置？

怎样实现按钮在添加A标签后悬浮字体颜色的改变

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

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

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号