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