制作虚线效果的水平线
2006-08-06 02:00
218 查看
制作虚线效果的水平线
在网页中,一般要实现虚线效果。制作方法很多,在我们网站中,也介绍使用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制作虚线效果的水平线(转贴)
- 制作虚线效果的水平线
- 制作虚线经典,水平线虚线
- graphics 画虚线带动效果
- 如何用Photoshop制作iOS 7透明磨砂玻璃效果
- 使用unity3D免费版制作漂亮的水面效果
- 利用OpacityMask制作打洞效果
- 利用jQuery制作类似skype的按钮效果
- 制作点击输入框时默认文字消失的效果
- 网站右下角弹出通知效果的制作
- core animation初识之制作物品抛到购物车的效果
- PS制作光束散射的旋转文字效果
- Maya+Poly2Volume制作融化效果
- 如何在unity3d中制作灯光效果
- jQuery 制作逼真的日历翻转效果的倒计时
- 利用jQuery中的bgstretcher插件制作幻灯片效果背景
- Photoshop 老照片效果制作
- 利用VBA编程制作互动效果的PPT
- Js制作点击输入框时默认文字消失的效果