水平线排列align

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

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

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

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

举例:

<html>

<head>

<meta http-equiv="content-type" 

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

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

</head>

<body>

<p align="center">无月的中秋</p>

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

color="#CC6600">

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

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

align="left">

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

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

 color="#9900CC">

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

</body>

</html>

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

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

当前文章标题:水平线排列align

当前URL:http://www.lyjtt.cn/news/wzzz/3314.html

上一篇:水平线去掉阴影noshade、水平线颜色color

下一篇:插入空格和插入特殊符号

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)