Html 换行符<;人力资源>;未按预期渲染

Html 换行符<;人力资源>;未按预期渲染,html,css,Html,Css,你知道为什么我的果岭上方有一条细细的灰线吗?你知道怎么去掉它吗 谢谢 这是因为有边框(至少在FireFox中是这样的,因为具有依赖浏览器的风格) 先去掉边框 hr{ 边界:无; 边框底部:4px实心#469551; 宽度:30%; 左边距:自动; 右边距:自动; 页边距底部:0px!重要; 身高:0; } 身体{ 背景色:黑色; } 删除默认的边框,并使用高度和背景 hr { background: #469551; width: 30%; margin-left: auto

你知道为什么我的果岭上方有一条细细的灰线吗?你知道怎么去掉它吗

谢谢


这是因为

有边框(至少在FireFox中是这样的,因为

具有依赖浏览器的风格)

先去掉边框

hr{
边界:无;
边框底部:4px实心#469551;
宽度:30%;
左边距:自动;
右边距:自动;
页边距底部:0px!重要;
身高:0;
}
身体{
背景色:黑色;
}



删除默认的

边框,并使用高度和背景

hr {
  background: #469551;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px !important;
  height: 4px;
  border:none;
}
示例:

替换此:

border-bottom: 4px solid #469551;
据此:

 border: 4px solid #469551;

默认情况下,标记

获取边界,因此您需要第一个边界为零。然后添加高度检查my

您使用的浏览器是什么?我问这个问题是因为我没有在最新的Firefox上看到它,我会问与@CupofJava相同的问题。Chrome或Safari中也没有线条。
 border: 4px solid #469551;