html中的<hr>属性,HTML中的HR属性

本文详细介绍了如何设置线段的粗细大小(size)、长度(width),以及排列对齐(align),同时涵盖了无阴影效果(noshade)的应用。还探讨了HR标签的多种线型风格,重点在于实线、阴影效果与不理想的效果。最后列举了表格装饰线的各种高级效果,如渐变透明和立体样式。
摘要由CSDN通过智能技术生成

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、钢针效果:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值