html中hr怎么換成虛線

楓吟
6955
2021-03-29 17:12:48
欄目: 編程語言

html中hr怎么換成虛線

html中hr換成虛線的方法:

1.首先我們可以使用vscode作為代碼編輯器。

html中hr怎么換成虛線

2.在vscode中新建一個(gè)html文件。

html中hr怎么換成虛線

3.在文件中添加html代碼架構(gòu)。

<!DOCTYPE html>

<html>

    <head>

        <title>示例</title>

    </head>

    <body>

    </body>

</html>

html中hr怎么換成虛線

4.在html代碼架構(gòu)中的body標(biāo)簽里面使用hr標(biāo)簽添加一條橫線。

<hr>

html中hr怎么換成虛線

效果圖:

html中hr怎么換成虛線

5.再使用style標(biāo)簽給hr標(biāo)簽添加一個(gè)樣式屬性來實(shí)現(xiàn)虛線。

<style>

    hr{

    border:1px dashed #000;

    } 

</style>

html中hr怎么換成虛線

6.最后可通過瀏覽器方式運(yùn)行html文件查看設(shè)計(jì)效果。

完整示例代碼:

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>示例</title>

</head>

<body>

    <p>添加一條橫線劃分</p>

    <hr>

</body>

<style>

</style>        

</html>

效果圖:

html中hr怎么換成虛線

0