怎么用HTML标签画一条竖线

怎么用HTML标签画一条竖线,第1张

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

1、html没有直接插入竖线的代码,但可以用盒子模型实现竖线的效果。具体的做法是首先需要打开hbuilder编辑器,新建一个html文件,写入基本的html结构:

2、然后插入一个div标签,在上方的style标签里面设置div的css样式,这里给div设置背景颜色,并给它一个高度,宽度设置为0,设置border-left属性即可做出竖线:

3、最后打开浏览器,即可看到一个蓝色的竖线了:


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存