如果设定 hr 的 border,会发现其高度会比不设置高2倍,即使高度设为最小值: 1px;
这是什么原因?
原来 hr 也是遵守盒子模型,具有四条边:
如果要想 hr 更瘦一些,应该只设置 top 或 bottom,而其它边框格式设置为0
例如:
-
hr{
border: 1px solid #bbe;
}
这是什么原因?
原来 hr 也是遵守盒子模型,具有四条边:
border-top
border-bottom
border-right
border-left
如果要想 hr 更瘦一些,应该只设置 top 或 bottom,而其它边框格式设置为0
height:1px;
border: 0;
border-top:1px solid #bbe;
例如:
hr{
display: block;
height: 1px;
border: 0;
border-top: 1px solid #bbe;
margin: 0;
padding: 0;
}
-