【网页制作】
标签的属性及样式
用简单的“hr”语句就能实现多样化的分割效果:
最基本的:
。其中 width 规定线条的长度,还可以是百分比;color 表示颜色,size 表示厚度;align 规定线条位置,有left、right、center;noshade 表示是否有立体效果。
两头渐变透明:
--------------------------------------------------------------------------------
右边渐变透明:
--------------------------------------------------------------------------------
画虚线:
--------------------------------------------------------------------------------
画双线:
--------------------------------------------------------------------------------
立体效果:
--------------------------------------------------------------------------------
纺棰形:
--------------------------------------------------------------------------------
钢针效果:
标签的作用是产生一线水平线
标签的属性包括
属性 | 值 | 描述 | DTD |
---|---|---|---|
align |
|
规定水平线的排列。 | TF |
noshade | noshade |
当设置为 true 时,水平线呈现为纯色(2D 效果)。 当设置为 false 时,水平线显示为双色凹槽(3D 效果)。 |
TF |
size |
|
规定水平线的厚度(高度)。 | TF |
width |
|
规定了水平线的宽度。 | TF |
看下面的例子
显示结果分别为:
没有设置宽度的水平线默认为100%,所以前三条设置的对齐看不到效果
1、普通分隔线:
2、分隔线宽度属性:
或者
(宽度为实际点数或百分比)
3、分隔线位置属性:
(位置分为 Left、Center、Right 三种)
4、分隔线厚度属性:
(奇怪,height=10 似乎不能起到效果)
5、分隔线无阴影属性:
6、分隔线彩色属性:
或者
(颜色可调)
7、渐变颜色的分隔线:
8、中心透明的分隔线:
9、中心不透明的分隔线:
10、波浪线:
11、三色线:
12、虚线:
13、竖线: