╰☆╮温馨提示!!!╰☆╮
本站域名:www.108sj.com (很容易记哦)
首 页 | 精品画廊 | 平面设计 | 设计学院 | 电脑知识 | 网页制作 | 编程 | 模板 | 酷站 | 矢量 | PNG | GIF | PSD | 源码 | FLASH | 背景 | PS笔刷 | 字体 | 壁纸 | 办公 | 范文 | 论坛
您现在的位置: 108设计网 >> 网页制作 >> HTML语言 >> 网页制作正文

网页学院
Dreamweaver
FrontPage
HTML语言
CSS教程
JavaScript
网页配色
网页制作
网页特效
建站指南
网站运营
搜索优化
网页技巧
HTML教程:html水平线段

作者:未知    网页制作来源:互联网    点击数:    更新时间:2007-12-27

这个标签可以在屏幕上显示一条水平线,用以分割页面中的不同部分。

 

<HR>有三个属性:

   size 水平线的宽度
   width 水平线的长,用占屏幕宽度的百分比或象素值来表示
   align 水平线的对齐方式,有LEFT RIGHT CENTER三种
   noshade 线段无阴影属性,为实心线段

  我们可以用几个例子来说明这线段的用法:

 

 


--------------------------------------------------------------------------------

 

线段粗细的设定

<HTML>
<HEAD>
<TITLE>线段粗细的设定</TITLE>
</HEAD>

<BODY>
<P>这是第一条线段,无size设定,取内定值SIZE=1来显示<BR>
<HR />
<P>这是第二条线段,SIZE=5<BR>
<HR SIZE=5>
<P>这是第三条线段,SIZE=10<BR>
<HR SIZE=10>
</BODY>

</HTML>

 


--------------------------------------------------------------------------------


线段长度的设定
<HTML>
<HEAD>
<TITLE>线段长度的设定</TITLE>
</HEAD>

<BODY>
<P>这是第一条线段,无WIDTH设定,取WIDTH内定值100%来显示<BR>
<HR SIZE=3>
<P>这是第二条线段,WIDTH=50(点数方式)<BR>
<HR WIDTH=50 SIZE=5>
<P>这是第三条线段,WIDTH=50%(百分比方式)<BR>
<HR WIDTH=50% SIZE=7>
</BODY>

</HTML>

 


 

 


--------------------------------------------------------------------------------

线段排列的设定

<HTML>
<HEAD>
<TITLE>线段排列的设定</TITLE>
</HEAD>

<BODY>
<P>这是第一条线段,无ALIGN设定,(取内定值CENTER显示)<BR>
<HR WIDTH=50% SIZE=5>
<P>这是第二条线段,向左对齐BR>
<HR WIDTH=60% SIZE=7 ALIGN=LEFT>
<P>这是第三条线段,向右对齐<BR>
<HR WIDTH=70% SIZE=2 ALIGN=RIGHT>
</BODY>

</HTML>

 


--------------------------------------------------------------------------------

 

无阴影的设定

<HTML>
<HEAD>
<TITLE>无阴影的设定</TITLE>
</HEAD>

<BODY>
<P>这是第一条线段,无NOSHADE设定,取内定值阴影效果来显示<BR>
<HR WIDTH=80% SIZE=5>
<P>这是第二条线段,有NOSHADE设定<BR>
<HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE>
</BODY>

</HTML>

最后一个水平线:


热门素材下载
本栏教程推荐
本栏热门教程
相关文章
  • 没有相关网页制作
关于我们 | 版权声明 | 广告服务 | 合作伙伴 | 友情链接 | 联系我们 | 使用帮助 | 网站地图
Copyright 2006-2008 www.108sj.com All rights reserved.Best view by IE6.x 1024*768 版权所有:108设计网(www.108sj.com)
备案序号:粤ICP备06033717号 联系QQ:149161686(限广告与网站合作)