一、DIV+CSS下划线基础
CSS控制下划线出现用到地方 - TOP
在DIV CSS网页中常常使用CSS代码来人对象文字内容加上下划线。
使用CSS属性单词：
text-decoration -CSS 手册了解：http://www.divcss5.com/shouce/c_textdecoration.shtml
text-decoration : none || underline || blink || overline || line-through
text-decoration下划线CSS单词值参数：
none : 无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
二、HTML常规下划线标签 - TOP
在HTML直接使用下滑线标签“U”即可对对象文字加下划线。
实例：
<u>我被U标签加下滑线</u>
三、CSS控制对象下划线属性样式 - TOP
下面我们进行使用“U”标签和text-decoration进行设置下划线实例对比如下图
四、下划线高级运用 - TOP
我们接下来为大家讲解常见CSS 超链接,当随便经过时候文字对象被加下划线。
代码如下：
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>下划线演示WWW.DIVCSS5.COM</title> <style> .yangshi a{ text-decoration:none;}/* 鼠标经过热点文字被加下划线 */ .yangshi a:hover{ text-decoration:underline;}/* 鼠标经过热点文字被加下划线 */ </style> </head> <body> <p> <span class="yangshi"> <a href="http://www.divcss5.com">divcss5</a> </span> </p> </body> </html> |
请将以上代码复制新建HTML即可查看该实例样式。更详细超链接讲解请进DIV CSS超链接。
如对文章有任何疑问请提交到DIV CSS论坛，或有任何网页制作CSS问题立即到CSS论坛发贴求解。
DIV+CSS作者：DIVCSS5 CSS修订日期：2010-05-06 点击:
次
本文WWW.DIVCSS5.COM(DIV CSS) DIVCSS5版权所有，未经书面批准转载法律必究。
