84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
この効果を作成したのは誰ですか?これは、マウスがホバリングしているときに border-right:1px Solid #eee;border-bottom:1px Solid #eee; を使用して私が書いたものです ul li:hover{border-color :# ed9639;}左側にピクセル赤枠を作る方法
看起来好像每个项题主都只有右边跟下边?
我感觉改成每个项都有左边跟下边,hover的时候再通过设置相邻元素的左边颜色如何?
示例:
*{ box-sizing:border-box; } .wrap{ width:300px; } .item{ width:75px; float:left; text-align:center; border:1px solid #eee; border-right-width:0; } .item:last-child{ border-right-width:1px; } .item:hover{ border-left-color:red; border-bottom-color:yellow; } .item:hover + .item{ border-left:1px solid yellow; } .item:last-child:hover{ border-right:1px solid yellow; }
<p class="wrap"> <p class="item"> hello </p> <p class="item"> hello </p> <p class="item"> hello </p> <p class="item"> hello </p> </p>
http://runjs.cn/detail/ibxy9qab
ul li:hover{ border: 1px solid #ed9639; }
box-shadow
是不是被左边的li挡住了的?最左边的有红边么?
border-left不行吗?
是不是你的选择器 权值太小被覆盖了
hover 的时候 要设置z-index。高于其它层级,这样你的边框才不会被覆盖
感谢大家的回答,我已经找到解决办法,分享给大家http://www.jb51.net/css/14548...
看起来好像每个项题主都只有右边跟下边?
我感觉改成每个项都有左边跟下边,hover的时候再通过设置相邻元素的左边颜色如何?
示例:
http://runjs.cn/detail/ibxy9qab
box-shadow
是不是被左边的li挡住了的?最左边的有红边么?
border-left不行吗?
是不是你的选择器 权值太小被覆盖了
hover 的时候 要设置z-index。高于其它层级,这样你的边框才不会被覆盖
感谢大家的回答,我已经找到解决办法,分享给大家
http://www.jb51.net/css/14548...