在HTML中画一条横线

怎么画一条横线？我想到的有三种方法，但是各自样式不一，所以大家按需求来哦。

1.<hr />标签，对的，这个标签就代表一条横线，样式大概是这样的，如图（a与b之间哦）：

<html>  <head></head>  <body>  <div>a</div>  <hr />  <div>b</div>  </body>
</html>

2.<div>来构造，我们知道border是边界的意思，很多时候我们用它设置一些边边框的什么，这里我们就用到了它，看看代码（还是在a和b之间插一个横线）：

<html>  <head></head>  <body>  <div>a</div>  <div style="border:1px solid #CCC"></div>  <div>b</div>  </body>
</html>

效果图：
稍微科普一下，1px代表那个线有多宽的，越大越宽，solid代表它是一个实线，这里还有很多属性如dashed(虚线)，groove(凹槽型效果，具体请看Border HTML，当然#CCC就是颜色了。

3.还是<div>来构造，只不过用border-bottom，为什么这么用呢，我们经常用到的横线其实我想就是一个div下面一个属性罢了，而不是单独的一个属性，所以代码有所改变，如下：

<html>  <head></head>  <body>  <div style="border-bottom:1px solid #CCC">a</div>  <div>b</div>  </body>
</html>

效果图：

在HTML中画一条横线相关推荐

div html 下边加横线_HTML如何在两个div中画一条横线 | 学步园
近日在画一个界面的时候,遇到一个需求:在界面当中画一条竖线,且这条竖线在高度上需要自动占满整个父div(即这条竖线的高度和两个div中较高的一个等高). 往常我们画一条横线直接用标签< hr&g ...
为什么老师批改完试卷，分数下要画两条横线？今天终于知道了！
全世界只有3.14 % 的人关注了爆炸吧知识总有考试分数下画两条横线的习惯,原来是这样形成的! 为什么老师改卷之后会在分数下画两条横线呢? 你要去问老师? 别问了,可能连老师都不知道-- 来看看 ...
好分数一个等第是什么意思_老师批试卷总要在分数下面画两条横线是什么意思?...
原标题:老师批试卷总要在分数下面画两条横线是什么意思? 为什么老师改卷之后会在分数下画两条横线呢? 你要去问老师? 别问了,可能连老师都不知道-- 来看看这位当了老师的网友怎么说的: "总 ...
在origin中画一条Y=x的自定义函数曲线
在origin中画一条Y=x的自定义函数曲线版本号2020 一.在画布打开的界面 1.Insert->Fuction Plot- 2.在弹出的窗口输入函数表达式 Y(x)=x 点击Apply或 ...
在PPT表格中，如何在左上角的网格中画一条斜线，并在斜线两边标注第一行第一列的属性名？
在PowerPoint幻灯片左上角的网格中画一条斜线,并在斜线两边分别标注第一行第一列的属性名,可以按照以下步骤进行: 打开 PowerPoint 并创建一张新幻灯片. 单击 PowerPoint 功 ...
名字中间一条线怎么弄_怎么在网名中间画一条横线一条横线穿过字的网名
QQ昵称中间有一条横线怎么弄的呀? 这里是如何设置QQ昵称的横线:必备材料:手机QQ.手机微信和智能手机.1. 进入微信小程序界面,搜索"花哨昵称".2. 在搜索结果中,单击下面显 ...
DirectFB教程导读-在屏幕中心画一条横线
#include <stdio.h> //C库函数 #include <unistd.h> //UNIX标准函数,与系统相关<UNIxSTanDard> #incl ...
在ArcMap中画一条彩虹颜色的路
如果你也想赚钱,实现财务自由,但接触不到优质的人脉和资源,可以到公June浩:成长home,发"资源" ,就会看到我吐血整理的168条保姆级零基础吸金秘籍,跟着我一起亲历毕业5年. ...
怎么在html花一条竖线,怎样在网页中画一条竖线？
hr 横线: 竖线: table控制: 横线有很多方法 1.用VML v\:* { Behavior: url(#default#VML) } 2.用表格 css 竖线的写法 sdfsdf 用样式表 ...

在HTML中画一条横线

在HTML中画一条横线相关推荐

最新文章

热门文章