a html 底线
a html 底线
网页文字一定要有超连结才可以有底线吗?那可不一定唷!有什后需要在某些文字加上底线来标示其重要性的时候,可以使用 HTML 中用来设定文字底线的标签<u>
来处理,也可以使用 CSS 的 text-decoration
来设计,这两种方式都算容易,
但 text-decoration
变化比较多,还可以加上删除线或上线等效果,以下准备两种不同的写法范例供参考。
范例一、使用<u>
标签
<u>我是加了底线的文字</u>
我是加了底线的文字
透过<u>
标签来替文字加底线是非常传统的做法,标准的 u 标签是由<u>
开始,以及</u>
结束,包在标签内的文字就会被加上底线,无论是不是超连结的状态,其他常用的特殊标签还有<b>
代表粗体、<I>
代表斜体;
范例二、使用 CSS text-decoration 语法
<span style="text-decoration:underline;">我是加了底线的文字</span>
我是加了底线的文字
此范例是先用 span 标签将要标示的文字包起来,并使用 style 设定样式,其中 text-decoration
的参数 underline
代表下底线,其他参数还有删除线 line-through、上线 overline 等多种不同样式,变化比单纯的<u>
标签丰富许多,且获得主流浏览器的支援。
参考
更多 HTML 搜索
通过查看前端开发者在搜索引擎里的搜了哪些 HTML 内容,可以知道他们实际工作使用了什么技术或者什么地方薄弱;
你可以通过点击 HTML 常见搜索 来查看前端开发者都在搜哪些内容;
注:这里仅收录了常见搜索,并不是无论搜索什么都记录在里面的;
如果你是为了面试做准备的,那么推荐你查看 HTML面试题,这里基本包涵了市场上的所有 HTML 方面的面试题,让你更加牢固的掌握 HTML 知识