在網(wǎng)頁設(shè)計(jì)中,常常需要為兩行文字之間添加一條虛線,以突出文字之間的關(guān)聯(lián)。這時(shí)候,我們可以使用CSS來實(shí)現(xiàn)這個(gè)功能。
.line { border-top: 1px dashed #000; }
上面的代碼中,我們創(chuàng)建了一個(gè)名為“l(fā)ine”的CSS類,其樣式為在元素頂部添加1像素寬的虛線,顏色為黑色。我們可以在HTML中使用這個(gè)類來應(yīng)用這個(gè)樣式:
<p>第一行文字</p> <p class="line"></p> <p>第二行文字</p>
通過在第二行文字所在的p元素中添加“l(fā)ine”類,我們就成功地為這兩行文字之間添加了一條虛線。