CSS——39. 文本修饰(文本属性)
HTML标签写法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ins>我爱学习</ins>
<br />
<br />
<del>我爱学习</del>
</body>
</html>
CSS写法
文本修饰就是为了设置下划线,上划线,删除线等等
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本修饰设置</title>
<style type="text/css">
p{
/*text-decoration: underline;*/
/*text-decoration: overline;*/
/*text-decoration: line-through;*/
text-decoration: blink;
}
</style>
</head>
<body>
<!--文本修饰就是为了设置下划线,上划线,删除线等等-->
<!--text-decoration: 值;-->
<!--1.underline 定义下划线-->
<!--2.overline 定义上划线-->
<!--3.line-through 定义删除线-->
<!--4.blink 闪烁的文字效果 当前所有浏览器都不支持,低版本的火狐浏览器支持。不建议使用.-->
<!--重要:默认值 none 表示没有,用于取消a元素的下划线-->
<p>我爱学习</p>
<a href="#">我爱学习</a>
</body>
</html>
text-decoration: none;
默认值 none 表示没有,用于取消a元素的下划线(如蓝色字体的 “我爱学习”链接下的下划线)
用他(text-decoration: none;)去下划线后 的链接