HTML教程第二章之水平线段

来源:爱站网时间:2020-09-25编辑:网友分享
本篇文章通过举例的方式来为大家讲解下如何在html中绘制一条水平线段,具体内容看以下详细步骤,供有需要的朋友参考参考。

本篇文章通过举例的方式来为大家讲解下如何在html中绘制一条水平线段,具体内容看以下详细步骤,供有需要的朋友参考参考。
这个标签可以在屏幕上显示一条水平线,用以分割页面中的不同部分。


有三个属性:
   size 水平线的宽度
   width 水平线的长,用占屏幕宽度的百分比或象素值来表示
   align 水平线的对齐方式,有LEFT RIGHT CENTER三种
   noshade 线段无阴影属性,为实心线段
  我们可以用几个例子来说明这线段的用法:



线段粗细的设定

这是第一条线段,无size设定,取内定值SIZE=1来显示
 


 

这是第二条线段,SIZE=5
 


 

这是第三条线段,SIZE=10



线段长度的设定

这是第一条线段,无WIDTH设定,取WIDTH内定值100%来显示
 


 

这是第二条线段,WIDTH=50(点数方式)

 


 

这是第三条线段,WIDTH=50%(百分比方式)
 



线段排列的设定

这是第一条线段,无ALIGN设定,(取内定值CENTER显示)
 


 

这是第二条线段,向左对齐BR>

 


 

这是第三条线段,向右对齐
 



无阴影的设定

这是第一条线段,无NOSHADE设定,取内定值阴影效果来显示
 


 

这是第二条线段,有NOSHADE设定
 



HTML教程第二章之水平线段就是小编今天带给大家的内容了,关注我们网站,后续还有更多关于HTML教程文章更新,不要错过了!

上一篇:HTML教程第三章之改变图片大小对齐间隔边框

下一篇:HTML教程第一章之无序列表

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载