html中hr怎么换成虚线

lewis 6年前 (2019-03-20) 阅读数 10 #程序编程

文章标签 hr html

html中hr换成虚线的方法：

1.首先我们可以使用vscode作为代码编辑器。

2.在vscode中新建一个html文件。

3.在文件中添加html代码架构。

<!DOCTYPEhtml><html>
<head>
<title>示例</title>
</head>
<body>
</body>
</html>

4.在html代码架构中的body标签里面使用hr标签添加一条横线。

<hr>

效果图：

5.再使用style标签给hr标签添加一个样式属性来实现虚线。

<style>hr{
border:1pxdashed#000;
}
</style>

6.最后可通过浏览器方式运行html文件查看设计效果。

完整示例代码：

<!DOCTYPEhtml><html>
<head>
<metacharset="utf-8">
<title>示例</title>
</head>
<body>
<p>添加一条横线划分</p>
<hr>
</body>
<style>
</style>
</html>

效果图：

本文仅代表作者观点，不代表米安网络立场。

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。