简单学生网页设计中水平分割线怎么用

更新时间：2020-03-07 文章分类：网页技术课堂

在html中有一个<hr>标签，<hr>标签可以非常轻松地久设置一条水平线。我们先来简单看一下<hr>标签的定义：<hr>标签在HTML页面中创建一条水平线；水平分隔线（horizontalrule）可以在视觉上将文档分隔成各个部分。

在HTML中，<hr>标签是一个单标签，没有结束标签。接着我们就来详细讲解一下简单学生网页设计中的<hr>标签如何设置水平分割线。<hr>标签设置水平线的特点是100%宽度水平分割线，并且独占一行，<hr>标签设置的水平线将与上下内容有一定距离。

<hr>是块级元素，所以<hr>独占于一行并且可以设置宽高。

下面我们就来看看<hr>标签设置水平分割线的实例代码：

<html>
　　<head>
　　<metacharset="UTF-8">
　　<title>学生简单网页设计</title>
　　</head>
　　<body>
　　<p>
　　学生简单网页设计
　　<hr width="300" align="left">
　　学生静态网页设计
　　<hr width="300"align="left">
       学生动态网页设计
　　<hr width="300"align="left">
　　</p>
　　</body>
</html>

上一篇：简单静态HTML网页设计作业用CSS实现表单for...

下一篇：通俗解答MySQL数据库中主键、索引、唯一的意思

简单学生网页设计中水平分割线怎么用

作品推荐

相关文章