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文件
将如下代码写入文件结果如下图所示
显示效果:
在标题下方加入如下代码实现链接下方下划线取消
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)