案例
  • 案例
  • 新闻
最新消息
企业品牌数字化知识分享

网站建设中水平线的应用

2021-09-06(1408)次浏览

深圳网站建设公司国人伟业有很多方法可以让你的HTML页面看起来更漂亮,结构更合理。更具体地说,水平线可以发挥特殊作用,使您的网站内容平衡、清晰、易于浏览。每当我们决定在我们的网站上做一些大的改变时,像线条这样的小东西就可以改变。这些小东西让你的网站信息更全面。此外,它们还可以改变web资源的视觉吸引力以及受众对数据的感知方式。

网站建设中水平线的应用

但是你也可以创建定制的线条来适应你的网页,让你更好地掌握你在页面上操作的空间。
话虽如此,让我们仔细看看如何在HTML页面中自定义水平线。
水平线是一个HTML元素,用作网页的装饰。但是,它也可以用于其他用途,如:
-一个分隔符,在视觉上划分内容的不同部分,并在一个想法结束和另一个想法开始时强调重点。
-突出显示网页中一些有意义的部分。

-水平线被认为是在网站上实现广泛目的的最流行和最简单的方法之一。虽然乍一看可能很简单,但它是一个多功能元素,您可以根据具体需求进行调整。通过对网页的HTML代码进行简单修改,可以调整水平线的以下规格:

长度;
宽度;
颜色
对齐
还值得指出的是,水平线指的是块元素。这意味着它被放在网页上的一个单独的行上,并且你在该行旁边添加的文本将被放在它的下面。
水平线在将页面划分为不同部分时非常有用,要添加简单的水平线,只需键入<hr>,您将得到以下结果:
如何创建水平线
您可以使用简单的<hr>标记设置一行。它是“水平规则”的缩写,并设置经典的外部参数。它与其他许多东西的不同之处在于它不需要结束标记,可以独立存在。可以使用标记中的其他值更改图元的外部特征:
看起来像这样。例如,如果我们想要100像素的长度,我们将设置一个如下的标记:hr width=“100”。
对齐
可以在左边缘或右边缘以及中心对齐直线。此功能仅在已指定宽度参数时有效,因为无法对齐整页行。对于对齐,在“对齐”标记中设置一个附加属性,并向其添加方向:中心-用于中心,左-用于左和右-用于右对齐。
在本例中,完成的标记将如下所示:如果需要为长度为150像素的水平线设置中心对齐,则完成的标记将如下所示:hr align=“center”width=“150”。
请注意,对齐的度量值“align”位于位置1,即使该属性取决于长度度量值宽度。
宽度。
也可以选择指定宽度,创建粗体或细下划线。此标准不依赖于任何内容,可以独立使用,而无需指定长度或对齐方式。为此,我们在标记中使用size属性和一个数值,该数值等于所需的像素宽度。数字在大小属性和“=”符号后用引号表示。
因此,如果我们需要创建一条15像素宽的线,我们需要创建以下标记:hr size=“15”。
颜色
它也被设置为一个独立的指标。若要更改颜色,请以代码或英语的形式将颜色属性与颜色名称结合使用。颜色在“=”符号后用引号表示。
因此,标准白线的标记可以用两种方式书写:hr color=“#FFFFFF”或hr color=“white”
可以使用代码#000000创建黑色。
如何制作彩色水平线?
水平线有利于将一个文本块与另一个文本块分开。顶部和底部有水平线的小文本比普通文本更能吸引读者的注意力。
使用<hr>标记,可以绘制水平线,其外观取决于使用的属性以及浏览器。标记引用块元素,因此该行始终从新行开始,之后,所有元素都显示在下一行。由于<hr>标记的许多属性,通过该标记创建的线很容易操作。再加上样式的强大功能,在文档中添加一行是轻而易举的事。

本文地址:https://www.grwy.net/wangzhanjianshe/24-543.html

立即咨询 联系我们

立即与国人项目顾问通话13926537060

提供您的电话号码,国人项目顾问将致电联系您。
等待时间:5分钟以内

信息保护中请放心填写

预约成功

请保持手机畅通,我们的专业顾问将在5分钟内联系您,感谢您的支持!