设计思路:
- 为元素创建一个伪元素
- 伪元素绝对定位在元素的下方,给定left为50%
- 为元素增加hover事件,并且设定伪元素的
width:100%
left:0
<!DOCTYPE html>
<html lang="en">
<head>
<style>
span{
position:relative;
display:inline-block;
}
span::before{
content: