请问下划线如何实现,我利用伪元素无法实现

请问下划线如何实现,我利用伪元素无法实现

http://img1.sycdn.imooc.com//climg/5f2d2b3a094d88bc01370062.jpg

<div class="nav_box">
                <span class="nav_undeline">实战课程</span>          
            </div>


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

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

2回答
好帮手慕星星 2020-08-08 09:29:26

同学你好,div标签设置样式和伪元素类似,定位,宽高以及背景色。建议定位相对于父盒子nav_box设置,移动的时候改变定位的left值即可

http://img1.sycdn.imooc.com//climg/5f2dffce09d00a9205170528.jpg

http://img1.sycdn.imooc.com//climg/5f2dfff1098015a402530068.jpg

自己测试下,祝学习愉快!

好帮手慕星星 2020-08-07 18:41:21

同学你好,伪元素可以实现效果,例如

http://img1.sycdn.imooc.com//climg/5f2d2f2809df49ea05700503.jpg

不知道是不是自己样式设置的问题,建议检查下。

另外,这里不建议使用伪元素,因为有动画效果,需要改变定位的left值。而js中无法获取伪元素,也设置不了定位。建议使用一个空的div标签,设置样式,然后定位。js中获取div,然后改变定位的left值,实现动画。

祝学习愉快!

  • 提问者 慕斯卡8219338 #1
    请问空的div标签如何设置样式才有这个效果
    2020-08-07 19:18:35
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

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

在线咨询

领取优惠

免费试听

领取大纲

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