如何在HTML文本下添加一个虚线下划线
你如何强调HTML文本，以便文本下面的行是点缀而不是标准下划线？ 最好，我想这样做，而不使用一个单独的CSS文件。 我是一个新手在HTML。
没有CSS就不可能。 实际上， <u>标签仅仅是通过浏览器内置的CSS为文本添加text-decoration:underline 。
以下是你可以做的事情：
<html> <head> <!-- Other head stuff here, like title or meta --> <style type="text/css"> u { border-bottom: 1px dotted #000; text-decoration: none; } </style> </head> <!-- Body, content here --> </html>
没有CSS，你基本上是坚持使用图像标签。 基本上做一个文字的图像，并添加下划线。 这基本上意味着你的页面对屏幕阅读器是无用的。
用CSS，很简单。
HTML：
<u class="dotted">I like cheese</u>
CSS：
u.dotted{ border-bottom: 1px dashed #999; text-decoration: none; }
运行示例
示例页面
<!DOCTYPE HTML> <html> <head> <style> u.dotted{ border-bottom: 1px dashed #999; text-decoration: none; } </style> </head> <body> <u class="dotted">I like cheese</u> </body> </html>
使用下面的CSS代码…
text-decoration:underline; text-decoration-style: dotted;
HTML5元素可以给虚线下划线，所以下面的文本将具有虚线而不是常规下划线。 title属性为用户创build一个工具提示，当他们将光标hover在元素上时：
注意：在Firefox和Opera中默认显示虚线边框/下划线，但是IE8，Safari和Chrome需要一行CSS：
<abbr title="Hyper Text Markup Language">HTML</abbr>
通过@epascarello重新设置答案：
u.dotted { border-bottom: 1px dashed #999; text-decoration: none; }
<!DOCTYPE html> <u class="dotted">I like cheese</u>
没有CSS就不是不可能的。 例如作为一个列表项目：
<li style="border-bottom: 1px dashed"><!--content --></li>
