凹丫丫网络社区 » 【网页编程】 » CSS实现链接的虚线下划线效果

乖乖狗 发表于 2008-6-29 19:35

CSS实现链接的虚线下划线效果

<P><STRONG><FONT color=lime>&lt;style&gt;<BR>&nbsp;a {<BR>color:#3399FF;<BR>font-weight:Normal; /*字体效果 普通 可以改成bold粗体*/<BR>text-decoration:none; /*下划线效果：无下划线*/<BR>}</FONT></STRONG></P>
<P><STRONG><FONT color=lime>a:hover {<BR>color:#ff0000;<BR>text-decoration:none; /*下划线效果：无下划线*/<BR>}</FONT></STRONG></P>
<P><STRONG><FONT color=lime>#a1 a:hover {<BR>border-bottom: 1px #0099CC dotted /*加一个只有下边的框 边框为虚线*/<BR>}<BR>#a2 a:hover {<BR>border-bottom: 1px #0099CC dashed /*加一个只有下边的框 边框为虚线*/<BR>}</FONT></STRONG></P>
<P><STRONG><FONT color=lime>&lt;/style&gt;<BR>&lt;div id=a1&gt;<BR>&lt;a href="</FONT></STRONG><A href='http://www.cssbbs.com">CSS'><STRONG><FONT color=lime>http://www.cssbbs.com"&gt;CSS</FONT></STRONG></A><STRONG><FONT color=lime>论坛&lt;/a&gt;<BR>&lt;/div&gt;<BR>&lt;div id=a2&gt;<BR>&lt;a href="</FONT></STRONG><A href='http://www.cssbbs.com">CSS'><STRONG><FONT color=lime>http://www.cssbbs.com"&gt;CSS</FONT></STRONG></A><STRONG><FONT color=lime>论坛&lt;/a&gt;<BR>&lt;/div&gt;</FONT></STRONG></P>
<P>&nbsp;</P>

稻草人 发表于 2008-6-30 21:19

是人都知道的

爱都水天 发表于 2008-7-14 03:07

没坐上沙发，也顶个先！

没坐上沙发，也顶个先！大家多研究多看看，有的支持你有的也不是！顶了！

[color=black]有没有人喜欢看[/color][url=http://www.jfbbb.cn][color=black]短篇鬼故事[/color][/url][color=black]的呢，大家一起玩玩[/color][url=http://www.shou-ji-you-xi.org.cn/][color=black]手机游戏[/color][/url][color=black]吧！有没有用过[/color][url=http://www.jfyxw.com/soft/taobaoxinyu.html][color=black]淘宝刷信誉度软件[/color][/url][color=black]的兄弟，出来说一下，谢谢！[/color]

51web 发表于 2008-7-14 10:50

这是最基本的东西

查看完整版本: CSS实现链接的虚线下划线效果