水平线排列align-盈岚科技

水平线排列align

2020-12-07 11:23:34
阅读次数：次
作者：盈岚科技小编
来源：http://www.lyjtt.cn

水平线排列align水平线在默认情况下是居中对齐的，如果想让水平线左对齐或右对齐，就需要设置对齐方式。

语法：<hr align="对齐方式">

说明：在该语法中对齐方式可以有3种，包括cen-ter、left和right，其中center的效果与默认的效果相同。

举例：

<html>

<head>

content="text/html; charset=gb2312" />

<title>水平线排列</title>

</head>

<body>

无月的中秋

<hr align="center" width="200" size="2"

color="#CC6600">

据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，这就是中秋节的来历，这就是月饼的来历，大家都会在这一天，合家团圆，吃着月饼，然后在空旷的夜空下赏月。渐渐的，也许人们会淡忘头顶的月亮，只记得这一天是个合家团聚的节日，记得这一天有月饼吃，偶尔抽空抬了下头，稍稍感慨：今天月亮还真是亮。我几乎要忘了月亮才是一切的缘由，直到发现今天看不到它。

<hr width="200" size="2" color="#CC99CC"

align="left">

早就知道今天不可能在家的，一定在世界的某一个角落，需要我们去带给他们歌声。在这个十一和中秋重合的日子，我们来到这个名字十分应景的城市：重庆。淅淅沥沥的雨水告诉我，今天是看不见月亮的。电话或者短信给远方的家人和朋友送去问候，才“欣慰”的知道，他们那里，也没有月亮。

<hr align="right" width="200" size="2"

color="#9900CC">

饼也变了。孩提时，我们唱着“八月十五月儿明呀。。。”的歌声，虔诚的留着口水，看着来之不易的月饼，看着父亲小心的把月饼横竖切成4等份，一家三口分而食之，然后在彼此的谦让中讨论剩下的四分之一该由谁来解决。自从月饼开始被包装进了礼盒，它在成本的道路上便越走越奢侈，同时在感情的道路上越走越廉价。

</body>

</html>

在代码中加粗部分的标记为设置水平线的排列方式，在浏览器中预览，可以看到水平线不同排列方式的效果。

水平线在网页设计中是很常见的，网页中顶部和底部都有水平线，用于分割网页。