【网页制作】
标签的属性及样式

来源:网页制作 浏览:2443次 时间:2014-05-29
做网站找雨过天晴工作室

【网页制作】
标签的属性及样式  


用简单的“hr”语句就能实现多样化的分割效果: 
最基本的:


。其中 width 规定线条的长度,还可以是百分比;color 表示颜色,size 表示厚度;align 规定线条位置,有left、right、center;noshade 表示是否有立体效果。



  两头渐变透明:





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


  右边渐变透明:





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


  画虚线:





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


  画双线:





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


  立体效果:





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


  纺棰形:





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


  钢针效果:







标签的作用是产生一线水平线




标签的属性包括



属性 描述 DTD
align
  • center
  • left
  • right
规定水平线的排列。 TF
noshade noshade

当设置为 true 时,水平线呈现为纯色(2D 效果)。

当设置为 false 时,水平线显示为双色凹槽(3D 效果)。

TF
size
  • pixels
  • %
规定水平线的厚度(高度)。 TF
width
  • pixels
  • %
规定了水平线的宽度。 TF


看下面的例子

























显示结果分别为:









没有设置宽度的水平线默认为100%,所以前三条设置的对齐看不到效果


1、普通分隔线:



2、分隔线宽度属性:


或者
(宽度为实际点数或百分比)


3、分隔线位置属性:


(位置分为 Left、Center、Right 三种)


4、分隔线厚度属性:


(奇怪,height=10 似乎不能起到效果)


5、分隔线无阴影属性:



6、分隔线彩色属性:


或者
(颜色可调)


7、渐变颜色的分隔线: 






8、中心透明的分隔线: 






9、中心不透明的分隔线: 






10、波浪线: 



11、三色线: 



12、虚线: 



13、竖线: