html5+css3 css3 偽元素如何實現(xiàn)鼠標移入時下劃線展開特效？
css3 偽元素如何實現(xiàn)鼠標移入時下劃線展開特效？完整代碼<！DOCTYPE html><html><head><meta charset=“UTF-8”><tit
css3 偽元素如何實現(xiàn)鼠標移入時下劃線展開特效？
完整代碼
<！DOCTYPE html>
<html>
<head>
<meta charset=“UTF-8”>
<title>鼠標移下劃展開lt/title>
<style type=“text/css”>
下劃線{
寬度：200px
高度：50px
背景：#ddd
邊距：20px
位置：相對
}#下劃線：后面{
內容：“”
寬度：0
高度：5px
背景：藍色
位置：絕對
頂部：100%
左側：50%
過渡：全部.8s
}#下劃線：懸停“{
left:0%
width:100%
}
</style>
</head>
<body>
<div id=”underline“></div>
</body>
</html>”