使用<hr />标签可以插入一条直线。
HTML、CSS、JavaScript三项技术是静态网页设计、制作的核心，针对上述技术的特点，本书从三个方面入手，结合具体实例向读者介绍这三项技术的规范和具体应用。本书从网站建设开始讲起，继而提出网页的基本概念和设计思想，接着详细介绍网页设计的基本描述语言HTML和CSS、JavaScript脚本编程。
本书针对不同知识点的具体应用，提供相应任务范例，详细介绍任务的操作步骤及原理。讲解深入浅出，理论结合实际，具有较强的可读性和可操作性，可以在很大程度上提高读者的实践水平。
用一个div设置他的高度，width等于1，用border、background都可以给它设置颜色，它就是一条直线了。
具体实现方法操作如下：
工具原料：编辑器、浏览器；
方法1、可以给一个一定宽度的元素设置一个border-bottom属性，让其只有一个底边框，进而实现一条线的效果，代码如下：
<div id="div1"> </div><style> #div1{ margin-top: 100px width: 900px border-bottom: 1px solid #000000 }
</style>
方法2、使用hr标签实现画一条线，代码如下：
<!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>
