html - div 中没有文本的底部边框

Question

我想创建边框底部。我试试这个

<div class="borderblog"></div>

.borderblog{
border-bottom: 1px dotted black;
}

但这只有在我在该 div 中放置一些文本时才有效。像这样

 <div class="borderblog">text</div>

我不想在那里放任何文字。我只想在底部有一条虚线边框。我也尝试使用 HR 标签，但它不起作用。

Demo in jsFiddle

Answer 1

设置高度和宽度

.borderblog{
border-bottom: 1px dotted black;
width:20px;
height:1px;
}

DEMO