Html 悬停区域-底部边框

Html 悬停区域-底部边框,html,css,hover,Html,Css,Hover,我有以下导航菜单:4 正文{ 边框:纯色3px黑色; } #UL_1{ 对齐项目:拉伸; 块大小:103px; 框大小:边框框; 显示器:flex; 高度:103px; 内联尺寸:241.828px; 证明内容:柔性端; 字母间距:0.16px; 边距块端:0px; 边距块开始:0px; 边距内联开始:141.453px; 最小块大小:自动; 最小高度:自动; 最小内联尺寸:自动; 最小宽度:自动; 填充内联开始:0px; 透视原点:120.906px 51.5px; 文本大小调整:100%;

我有以下导航菜单:4

正文{
边框:纯色3px黑色;
}
#UL_1{
对齐项目:拉伸;
块大小:103px;
框大小:边框框;
显示器:flex;
高度:103px;
内联尺寸:241.828px;
证明内容:柔性端;
字母间距:0.16px;
边距块端:0px;
边距块开始:0px;
边距内联开始:141.453px;
最小块大小:自动;
最小高度:自动;
最小内联尺寸:自动;
最小宽度:自动;
填充内联开始:0px;
透视原点:120.906px 51.5px;
文本大小调整:100%;
变换原点:120.914px 51.5px;
宽度:241.828px;
flex:1自动;
字体:16px/26px Arial,无衬线;
列表样式:外部无;
利润率:0px 0px 0px 141.453px;
填充:0px;
}
/*#UL_1*/
#UL_1:之后{
块大小:0px;
框大小:边框框;
明确:两者皆有;
内容:“'”;
显示:表格;
高度:0px;
内联大小:0px;
字母间距:0.16px;
最小块大小:自动;
最小高度:自动;
最小内联尺寸:自动;
最小宽度:自动;
透视原点:0px 0px;
文本大小调整:100%;
变换原点:0px 0px;
宽度:0px;
字体:16px/26px Arial,无衬线;
列表样式:外部无;
}
/*#UL_1:之后*/
#UL_1:之前{
块大小:0px;
框大小:边框框;
内容:“'”;
显示:表格;
高度:0px;
内联大小:0px;
字母间距:0.16px;
最小块大小:自动;
最小高度:自动;
最小内联尺寸:自动;
最小宽度:自动;
透视原点:0px 0px;
文本大小调整:100%;
变换原点:0px 0px;
宽度:0px;
字体:16px/26px Arial,无衬线;
列表样式:外部无;
}
/*#UL_1:之前*/
#李欧2{
对齐项目:居中;
块大小:103px;
底部:0px;
框大小:边框框;
显示器:flex;
高度:103px;
内联尺寸:72.875px;
左:0px;
字母间距:0.16px;
最小块大小:自动;
最小高度:自动;
最小内联尺寸:自动;
最小宽度:自动;
透视原点:36.4375px 51.5px;
位置:相对位置;
右:0px;
文本大小调整:100%;
顶部:0px;
变换原点:36.4375px 51.5px;
宽度:72.875px;
柔性流动:柱状nowrap;
字体:16px/26px Arial,无衬线;
列表样式:外部无;
}
/*#李欧2*/
#李二:以后,{
框大小:边框框;
显示:块;
字母间距:0.16px;
文本大小调整:100%;
字体:16px/26px Arial,无衬线;
列表样式:外部无;
}
/*#李二:以后,*/
#李二:以前,{
框大小:边框框;
显示:块;
字母间距:0.16px;
文本大小调整:100%;
字体:16px/26px Arial,无衬线;
列表样式:外部无;
}
/*#李二:以前,*/
#A_3{
对齐项目:居中;
块大小:103px;
边框块结束颜色:rgb(0,0,0);
边框块开始颜色:rgb(0,0,0);
边框内联结束颜色:rgb(0,0,0);
边框内联开始颜色:rgb(0,0,0);
底部:0px;
框大小:边框框;
插入符号颜色:rgb(0,0,0);
颜色:rgb(0,0,0);
列规则颜色:rgb(0,0,0);
显示器:flex;
高度:103px;
内联尺寸:72.875px;
左:0px;
字母间距:0.3px;
最小块大小:自动;
最小高度:自动;
最小内联尺寸:自动;
最小宽度:自动;
垫块端部:10px;
填充块启动:10px;
填充直列端:15px;
填充内联启动:15px;
透视原点:36.4375px 51.5px;
位置:相对位置;
右:0px;
文本对齐:左对齐;
文本装饰:非实心rgb(0,0,0);
文本大小调整:100%;
顶部:0px;
变换原点:36.4375px 51.5px;
空白:nowrap;
宽度:72.875px;
边框:0px无rgb(0,0,0);
flex:1自动;
柔性流:行换行;
字体:700 15px/26px Arial,无衬线;
列表样式:外部无;
轮廓:rgb(0,0,0)无0px;
填充:10px 15px;
转换:所有0.3秒到0秒;
}
/*#A_3*/
#A_3:之后{
边框块结束颜色:rgb(0,0,0);
边框块开始颜色:rgb(0,0,0);
边框内联结束颜色:rgb(0,0,0);
边框内联开始颜色:rgb(0,0,0);
框大小:边框框;
插入符号颜色:rgb(0,0,0);
颜色:rgb(0,0,0);
列规则颜色:rgb(0,0,0);
显示:块;
字母间距:0.3px;
文本对齐:左对齐;
文本装饰:非实心rgb(0,0,0);
文本大小调整:100%;
空白:nowrap;
边框:0px无rgb(0,0,0);
字体:700 15px/26px Arial,无衬线;
列表样式:外部无;
轮廓:rgb(0,0,0)无0px;
}
/*#A_3:之后*/
#A_3:以前{
边框块结束颜色:rgb(0,0,0);
边框块开始颜色:rgb(0,0,0);
边框内联结束颜色:rgb(0,0,0);
边框内联起始颜色:rgb(0、0、0);
框大小:边框框;
插入符号颜色:rgb(0,0,0);
颜色:rgb(0,0,0);
列规则颜色:rgb(0,0,0);
显示:块;
字母间距:0.3px;
文本对齐:左对齐;
文本装饰:非实心rgb(0,0,0);
文本大小调整:100%;
空白:nowrap;
边框:0px无rgb(0,0,0);
字体:700 15px/26px Arial,无衬线;
列表样式:外部无;
轮廓:rgb(0,0,0)无0px;
}
/*#A_3:以前*/
#SPAN_4,
#SPAN_12,
#SPAN_18{
块大小:0px;
框大小:边框框;
光标:指针;
显示:块;
高度:0px;
内联大小:0px;
字母间距:0.3px;
最小块大小:自动;
最小高度:自动;
最小内联尺寸:自动;
最小宽度:自动;
透视原点:0px 0px;
文本对齐:左对齐;
文本大小调整:100%;
变换原点:0px 0px;
空白:nowrap;
宽度:0px;
字体:700 15px/26px Arial,无衬线;
列表样式:外部无;
}
/*#SPAN#u 4、#SPAN#u 12、#SPAN#u 18*/
#SPAN_4:之后,
#SPAN_12:之后,
#SPAN_18:之后{
框大小:边框框;
光标:指针;
字母间距:0.3px;
文本对齐:左对齐;
文本大小调整:100%;
空白:nowrap;
字体:700 15px/26px Arial,无衬线;
列表样式:外部无;
}
/*#SPAN#u 4:之后SPAN#u 12:之后SPAN#u 18:之后*/
#SPAN_4:之前,
#SPAN_12:之前,
#SPAN_18:之前{
框大小:边框框;
光标:指针;
字母间距:0.3px;
文本对齐:左对齐;
文本大小
#LI_2:hover #SPAN_5,
#LI_10:hover #SPAN_13,
#LI_16:hover #SPAN_19 {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-color: red;
}