HTML中HR属性

您所在的位置:网站首页 html常用的标签属性 HTML中HR属性

HTML中HR属性

2024-06-04 12:27| 来源: 网络整理| 查看: 265

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

  基本的属性:

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

1、size线段粗细的设定:

 

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

 

 

 

 

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

 

 

2、width线段长度的设定:

 

 这是第一条线段,无WIDTH设定,取WIDTH内定值100%来显示 这是第二条线段,WIDTH=50(点数方式) 这是第三条线段,WIDTH=50%(百分比方式)

 

 

 

这是第一条线段,无WIDTH设定,取WIDTH内定值100%来显示 这是第二条线段,WIDTH=50(点数方式) 这是第三条线段,WIDTH=50%(百分比方式)

 

 

3、align线段排列的设定:

 

 这是第一条线段,无ALIGN设定,(取内定值RIGHT显示) 这是第二条线段,居中对齐 这是第三条线段,向右对齐

 

 

 

这是第一条线段,无ALIGN设定,(取内定值RIGHT显示) 这是第二条线段,居中对齐 这是第三条线段,向右对齐

 

 

4、noshade无阴影的设定,为实心线段:

 

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

 

 

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

 

HR标签水平分隔线修饰特效:

 

none:无样式;dotted:点线;dashed:虚线;solid:实线;

double:双线;groove:槽线;ridge:脊线;inset:内凹;outset:外凸。

1、dotted:点线

2、dashed:虚线

3、solid:实线

4、double:双线

5、groove:槽线

6、ridge:脊线

7、inset:内凹

8、outset:外凸

通过实践5—8并不理想,最好不要用。

 

 

两头渐变透明 纺锤形 右边渐变透明 左边渐变透明 立体效果 钢针效果

备注:这几种效果不适合表内嵌套存在,例句写在表外:

1、两头渐变透明:

 

 

2、纺锤形:

 

 

3、右边渐变透明:

 

 

4、左边渐变透明:

 

 

5、立体效果:

 

 

6、钢针效果:

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3