如何在html中实现切片功能

时间:2014-05-22 02:19:40

标签: html css

如何在html中实现可以分隔各个部分的内容,例如,一个简单的行......

第1节: BLAH BLAH BLAH


第2节: BLAH BLAH BLAH

因为截至目前,我的html看起来像这样:

第1节: BLAH BLAH BLAH

第2节: BLAH BLAH BLAH

我已经使用过<br>但我觉得如果有某种实际的分隔符会好一些。

1 个答案:

答案 0 :(得分:2)

您刚刚在帖子中使用了hr 这是另一种方法。

HTML:

<span class="section">Section 1: BLAH BLAH BLAH</span>
<span class="section">Section 2: BLAH BLAH BLAH</span>

CSS:

.section{
    border-bottom:1px solid gray;
}
.section:last-child{
    border-bottom:0px;
}