【网页制作】
标签的属性及样式
用简单的“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、竖线:
版权与免责声明:
凡注明稿件来源的内容均为转载稿或由网友用户注册发布,本网转载出于传递更多信息的目的;如转载稿涉及版权问题,请作者联系我们,同时对于用户评论等信息,本网并不意味着赞同其观点或证实其内容的真实性;

![英雄棋士团(预下载)?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/shouyoupic/yingxiongqishituanyuxiazai.jpg)
![美食小当家?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/shouyoupic/meishixiaodangjia.png)
![2047?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/shouyoupic/2047.jpg)
![荣誉指挥官(预下载)?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/shouyoupic/rongyuzhihuiguanyuxiazai.png)
![繁荣美食市场物语?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/shouyoupic/fanrongmeishishichangwuyu.jpg)
![夸克浏览器 v4.2.1.138 好用的手机浏览器?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/appimg/202007/kuakezuolanqi.jpg)
![移动办公软件 OfficeSuite Premium v10.18.28716 内购解锁版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/appimg/202007/yidongbangongruanjian.jpg)
![乐秀视频编辑器 VideoShow v8.8.4 内购解锁版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/appimg/202007/lexiushipinbianjiqi.png)
![X 浏览器 v3.3.9 一款小巧的安卓浏览器?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/appimg/202007/x.jpg)
![安卓密码管理软件 Enpass v6.4.5.368 内购解锁版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/appimg/202007/anzhuomimaguanliruanjian.jpg)
![差分复制同步 FastCopy-M v3.6.3.51 绿色便携版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/softimg/FastCopy3.png)
![多标签页拓展 Clover v3.5.2 Build 19809 精简绿色版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/softimg/Clover.png)
![文件重命名 Advanced Renamer v3.85 Lite 绿色便携版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/softimg/Advanced_Renamer.png)
![网络防火监控 GlassWire Elite v2.1.166 绿色便携版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/softimg/GlassWire.png)
![影音播放器 Daum Potplayer v1.7.20538 美化便携版?=$bqr['banben']?>](http://shouyouimg.cnzzla.com/d/file/softimg/PotPlayer.png)