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

css橫線怎么弄？

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

<div class="parent">

<p>我是一個段落</p>

<hr />

<p>我是也是個段落</p>

</div>

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

二、使用 border 邊框做橫線

.h{

border-bottom: 1px solid black

}

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

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

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

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

.space{

height: 1px

background-color: black

}

用CSS樣式畫橫線的方法？

一般有兩種方法：

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

實例演示如下：

1、實例代碼如下：

此時頁面效果如下：

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

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

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

實例演示如下：

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

此時頁面效果如下：

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

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