如何在HTML中画一条线

html-css04

如何在HTML中画一条线,第1张

在html中花一条线的方法是有很多的,一般可以直接使用html代码实现或者借助css代码来实现都是可以的。

方法1、使用<hr>标签画线

<html>

<body>

<p>hr 标签定义水平线:</p>

<hr />

<p>这是段落。</p>

<hr />

<p>这是段落。</p>

<hr />

<p>这是段落。</p>

</body>

</html>

结果如下:

方法2:使用css的border进行画线

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>float</title>

</head>

<div id="div1"></div>

<style>

#div1{

width: 500px

border-bottom: 1px solid red

}

</style>

</html>

结果如下:

想用它来划竖线,一般可以直接使用html代码实现或借助css代码来实现都可以。

方案一:<html>、<body>、<p>hr 标签定义水平线:</p>、<hr />、<p>这是段落。</p>、<hr />、<p>这是段落。</p>、<hr />、<p>这是段落。</p>、</body>、</html>

方案二:<!DOCTYPE html>、<html>、<head>、<meta charset="UTF-8">:<title>float</title、</head>、<div id="div1"></div>、<style>、#div1{、width: 500px、border-bottom: 1px solid red、}、</style>、</html>