CSS制作虚线效果的水平线(转贴)
来源:互联网 发布:仿真软件实体对比 编辑:程序博客网 时间:2024/05/21 01:55
在网页中,一般要实现虚线效果。制作方法很多,在我们网站中,也介绍使用Fireworks制作虚线的效果。如果我们改用水平线制作虚线效果呢?制作方法就是使用CSS定义:
在<head>中预先定义好CSS:
<STYLE type=text/css>
.dotline {
BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted
}
</STYLE>
然后修改水平线的代码为:<hr class=dotline color=#000000 size=1>。按F12看看吧,效果是不是很不错!
或者不预定义好CSS样式,直接在<hr>中加入代码:
<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted" color=#000000 size=1>
更为简单的方法(借鉴于经典论坛上的介绍):<hr style="border:1px dashed red; height:1px">
- CSS制作虚线效果的水平线(转贴)
- 制作虚线经典,水平线虚线
- CSS应用实例:水平线变成虚线
- 学习CSS实例之水平线变成虚线
- CSS实例之水平线变成虚线
- html水平线 虚线
- 用CSS实现链接的虚线下划线效果
- 虚线的制作
- css制作手风琴的效果
- css制作表格的渐变效果,不错
- CSS制作的垂直导航菜单效果
- 利用CSS制作的阴影效果
- 纯CSS制作的图形效果
- 纯CSS制作液晶屏的显示效果
- css+js制作简单的轮播图效果
- 制作虚线
- 虚线效果
- css 虚线
- 正则表达式30分钟入门教程
- eclipse 设置提示信息
- 在PHP中使用与Perl兼容的正则表达式
- ASP.NET虚拟主机安全漏洞解决方案
- asp.net中生成缩略图
- CSS制作虚线效果的水平线(转贴)
- 在.NET2.0里面如何发送邮件
- 网页中的一些禁止方法
- CString 操作指南
- 用CSS制作的圆角层(转贴)
- 如何组织代码使得代码的效率高
- SoftICE出现Error Code 31无法启动的解决办法
- WinForm:DockPanel实现窗体的停靠
- ShellCode汇编内存自动提取