使用html中的border属性来设置一条水平线
如代码:
<div style="width:500px; border:1px solid red;"></div>使用hr标签可以制作一条水平直线
如代码:
<hr/><!--这个标签的涵义就是一条水平的直线,但是不灵活,现在基本没人使用!-->使用background-color来制作一条线,和border基本类似
如代码:
<div style="width:500px; height:1px;background-color:red;"></div>可利用背景图来实现和background-color原理一样
如代码:
<div style="width:500px; height:1px;background:url(背景图的路径) repeat-x;"></div>网页中制作一条水平线的HTML代码有以下的方法可以实现:
1.使用html中的border属性来设置一条水平线
<div style="width:500px; border:1px solid red;"></div><!--复制到html文件中就会是一条红色水平直线,线的颜色、长短、可自己调节-->2.使用hr标签可以制作一条水平直线
<hr/>
3.使用background-color来制作一条线,和border基本类似
<div style="width:500px; height:1px;background-color:red;"></div><!--复制到html文件中就会是一条红色水平直线,线的颜色、长短、可自己调节-->4.可利用背景图来实现和background-color原理一样
<div style="width:500px; height:1px;background:url(背景图的路径) repeat-x;"></div><!--复制到html文件中就会是一条红色水平直线,线的颜色、长短、可自己调节--> 本回答被网友采纳有很多种方法
1.第一种使用<hr>标签,这是一个但标签,<hr> 标签在 HTML 页面中创建一条水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。
<h1> 1</h1>2.div设置宽度,和下边框(border)。
<div style="width:100px;border-bottom:1px solid #000;"></div>