html5怎么设置字体下划线

html5怎么设置字体下划线,第1张

1、示例代码

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

<style>

body{

padding: 20px

}

#ufont{

color: lightskyblue

font-size: 40px

font-family: "bookman old style"

font-weight: bolder

text-decoration: underline

}

</style>

</head>

<body>

<div id="ufont">显示</div>

</body>

</html>

2、示例结果

3、知识扩展

none:            指定文字无装饰

underline:     指定文字的装饰是下划线

overline:       指定文字的装饰是上划线

line-through:指定文字的装饰是贯穿线

blink:            指定文字的装饰是闪烁

步骤

用editplus新建一个html文件

将如下代码写入文件结果如下图所示

显示效果:

在标题下方加入如下代码实现链接下方下划线取消


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6159535.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存