[css-hr]border color横線の高さと色

701 ワード

css hr border カラー

詳細
hrのborderを設定すると、高さが最小値:1 pxに設定されていても、設定しないより2倍高いことがわかります.


hr{
    border: 1px solid #bbe;
}

これは何の原因ですか.
hrも箱の模型を守っていて、4つの辺を持っていました.


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; 
}