成人AV在线无码|婷婷五月激情色,|伊人加勒比二三四区|国产一区激情都市|亚洲AV无码电影|日av韩av无码|天堂在线亚洲Av|无码一区二区影院|成人无码毛片AV|超碰在线看中文字幕

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>”