网页中分割线代码的使用
2010-10-20 11:47
225 查看
一、实例与代码
1、两头渐变透明: 代码 <hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">
2、右边渐变透明: 代码 <hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">
3、画虚线: 代码 <hr width=80% size=1 color=#5151A2 style="border:1 dashed #5151A2">
4、画 双 线: 代码 <hr width=80% size=3 color=#5151A2 style="border:3 double green">
5、立体效果: 代码 <hr width=80% size=3 color=#5151A2
style="filter:progid:DXImageTransform.Microsoft.Shadow(color#5151A2,direction:145,strength:15)">
6、纺锤形: 代码 <hr width=80% size=30 color=#5151A2 style="filter:alpha(opacity=100,finishopacity=0,style=2)">
7、钢针效果: 代码 <hr width=80% size=3
color=#5151A2
style="filter:progid:DXImageTransform.Microsoft.Glow(color=#5151A2,strength=10)">
8、用图片做分割线效果:
代码:<style> .line{background:url("分割线地址") no-repeat center;}</style>
二、怎样使用文章分割线代码
在发表文章时,在需要添加分割线的时候,点击发表框左下的“代码”按钮,把选好的文章分割线代码粘贴在原有的代码后面,然后点击“设计”按钮,回到书写文章界面,继续书写文章。如果在一篇文章里需要添加多条文章分割线,那么,可以重复以上操作。
三、用代码生成文章分割线代码参数有些可以更改,要点如下:
A、代码中的 width 表示线条长度值,也能用百分比表示。
B、size 表示厚度。
C、align 规定线条位置,有left、right、center。
D、noshade 表示是否有立体效果。
E、color 表示颜色,要改变文章分割线的颜色,可以参考网页颜色代码表等。
F、用图片做分割线按照插入图片的方法进行操作也是一样的。
1、两头渐变透明: 代码 <hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">
2、右边渐变透明: 代码 <hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">
3、画虚线: 代码 <hr width=80% size=1 color=#5151A2 style="border:1 dashed #5151A2">
4、画 双 线: 代码 <hr width=80% size=3 color=#5151A2 style="border:3 double green">
5、立体效果: 代码 <hr width=80% size=3 color=#5151A2
style="filter:progid:DXImageTransform.Microsoft.Shadow(color#5151A2,direction:145,strength:15)">
6、纺锤形: 代码 <hr width=80% size=30 color=#5151A2 style="filter:alpha(opacity=100,finishopacity=0,style=2)">
7、钢针效果: 代码 <hr width=80% size=3
color=#5151A2
style="filter:progid:DXImageTransform.Microsoft.Glow(color=#5151A2,strength=10)">
8、用图片做分割线效果:
代码:<style> .line{background:url("分割线地址") no-repeat center;}</style>
二、怎样使用文章分割线代码
在发表文章时,在需要添加分割线的时候,点击发表框左下的“代码”按钮,把选好的文章分割线代码粘贴在原有的代码后面,然后点击“设计”按钮,回到书写文章界面,继续书写文章。如果在一篇文章里需要添加多条文章分割线,那么,可以重复以上操作。
三、用代码生成文章分割线代码参数有些可以更改,要点如下:
A、代码中的 width 表示线条长度值,也能用百分比表示。
B、size 表示厚度。
C、align 规定线条位置,有left、right、center。
D、noshade 表示是否有立体效果。
E、color 表示颜色,要改变文章分割线的颜色,可以参考网页颜色代码表等。
F、用图片做分割线按照插入图片的方法进行操作也是一样的。
相关文章推荐
- 网页上显示天气预报信息的代码(将代码拷贝到你的网页上即可,当然,天气预报只能在联网的情况下才能使用)
- 使用纯CSS设计网页下拉菜单代码
- 【Html】使用<pre>标签为你的网页加入大段代码
- android 使用代码打开浏览器访问网页
- 网页广泛使用的经典代码
- 使用php代码从网页中提取有效图片地址
- [HTML 5] 辐射式伞状网页背景特效代码下载与使用
- 使用JavaScript控制圆弧背景的导航菜单_网页代码站(www.webdm.cn)
- 网页中插入FLASH代码的参数解释与使用技巧
- 使用SyntaxHighlighter插件对网页上的代码着色
- JSON使用——获取网页返回结果是Json的代码
- 使用正则Regex来移除网页的EnableViewState实现思路及代码
- Windows 和 Linux下使用socket下载网页页面内容(可设置接收/发送超时)的代码(用socket解释http,不错)
- 使用代码修改网页内容
- vc使用默认的浏览器打开网页代码
- 使用网页代码“截取”功能,打印页面某段定义区域内容
- 在网页中使用打印功能的Java代码
- 使用正则表达式优化网页代码
- 使用代码模拟请求和提交网页数据