Html 悬停时,线应从左向右开始变为红色。当移除鼠标时,它应该反转

Html 悬停时,线应从左向右开始变为红色。当移除鼠标时,它应该反转,html,css,Html,Css,您可以尝试以下方法: ul{ 边际:0px; 填充:0px; 列表样式:无; } ulli{ 显示:块; } ullia{ 文字装饰:无; 填充:10px; 位置:相对位置; 过渡:所有0.3线性 } 悬停{ 文字装饰:无; } ul li a:之后{ 内容:''; 显示:块; 位置:绝对位置; 左:0px; 底部:0px; 宽度:0px; 高度:1px; 背景:番茄; 过渡:所有0.3线性 } ul li a:悬停:之后{ 宽度:100%; } 在您尝试的标记处??Ganesh,您需要与

您可以尝试以下方法:

ul{
边际:0px;
填充:0px;
列表样式:无;
}
ulli{
显示:块;
}
ullia{
文字装饰:无;
填充:10px;
位置:相对位置;
过渡:所有0.3线性
}
悬停{
文字装饰:无;
}
ul li a:之后{
内容:'';
显示:块;
位置:绝对位置;
左:0px;
底部:0px;
宽度:0px;
高度:1px;
背景:番茄;
过渡:所有0.3线性
}
ul li a:悬停:之后{
宽度:100%;
}

在您尝试的标记处??Ganesh,您需要与我们共享您的代码。堆栈溢出不是一种代码编写服务,我们不会从头开始为您编写它。试一试,让我们知道你遇到了什么问题,也许有人可以帮助你。