如何在HTML中画一条线_随笔

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

1、首先打开html编辑器，新建一个html文件，例如：index.html。

2、其次，在index.html的<body>标签中，添加代码：<hr/>。

3、浏览器运行index.html页面，此时成功在html中画了一条线。

方法1：

在<head>中预先定义好CSS：

.dotline {

BORDER-BOTTOM-STYLE: dottedBORDER-LEFT-STYLE: dottedBORDER-RIGHT-STYLE: dottedBORDER-TOP-STYLE: dotted

}

</STYLE>

然后修改水平线的代码为：<hr class=dotline color=#111111 size=1>

方法2：

直接在<hr>中使用如下代码：

方法3：

更为简单的方法，使用如下代码

1、虚线：不可见的棱边、不可见的轮廓线，用作实体上有的轮廓线但在制图投影时被遮挡住的线，一般用用蓝色的线；

2、点划线：用来表示假想轮廓线、相邻辅助零件的轮廓线、中断线，中心线、轴线、对称线、齿轮分度圆、节圆、圆的圆心线、轨迹线，用处最多的是用来表示要加工零件放在夹具上的轮廓；

3、双点划线：是用来表示相邻零件的轮廓、运动件的极限位置、剖切面之前的结构投影线。，用处最多的是用来表示要加工零件放在夹具上的轮廓。

用在装配图纸中，非装配夹具（被夹物体/工件）全部用双点划线表示出来，双点划线表示零件的运动极限位置，或零件到另一个零件(双点划线绘出一部分)的位置

4、中双点划线和点划线区别：机械制图中，中心线用点划线表示，双点划线用于非实体的轮廓线（视图平面以上的）、断开视图的边界线等。

欢迎分享，转载请注明来源：内存溢出

如何在HTML中画一条线