如何在HTML中画一条线

如何在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中有分割线,代码:

<HR width="100%" color=#333 size=12 /><!-- color颜色,size大小 -->

一般直接用<hr />也是可以的。

想用它来划竖线,一般可以直接使用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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7465507.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存