css橫線怎么弄？一、使用 hr 標(biāo)簽做橫線<div class="parent"><p>我是一個(gè)段落</p><hr /><p>我是也是個(gè)段落</p>&

css橫線怎么弄？

一、使用 hr 標(biāo)簽做橫線

<div class="parent">

<p>我是一個(gè)段落</p>

<hr />

<p>我是也是個(gè)段落</p>

</div>

這里的代碼使用一個(gè) <hr /> 標(biāo)簽，將兩個(gè)段落分割開(kāi)

二、使用 border 邊框做橫線

.h{

border-bottom: 1px solid black

}

給元素添加 border 屬性，設(shè)置邊框只會(huì)，就可以做到一個(gè)橫線

三、空元素設(shè)置 height，background

給一個(gè)空元素設(shè)置

height=1px，并且設(shè)置 background 背景色，也可以設(shè)置一個(gè)橫線。

.space{

height: 1px

background-color: black

}

用CSS樣式畫(huà)橫線的方法？

一般有兩種方法：

一、通過(guò)CSS下劃線代碼：text-decoration:underline來(lái)設(shè)置文字下劃線。

實(shí)例演示如下：

1、實(shí)例代碼如下：

此時(shí)頁(yè)面效果如下：

2、修改第1步中的txt樣式，加入text-decoration:underline。

此時(shí)頁(yè)面效果如下，出現(xiàn)了下劃線。

二、通過(guò)設(shè)置div的border實(shí)現(xiàn)效果：

實(shí)例演示如下：

在第一種方法的初始代碼上，增加border-bottom: 1px solid black、padding-bottom: 10px兩個(gè)關(guān)鍵樣式，如下：

此時(shí)頁(yè)面效果如下：

html橫線怎么設(shè)置？

html中定義橫線使用<hr>標(biāo)簽，可以定義寬度和高度，分別是width和size屬性！