CSS——39. 文本修饰(文本属性)

HTML标签写法

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<ins>我爱学习</ins>
		<br />
		<br />
		<del>我爱学习</del>
	</body>
</html>

CSS写法
文本修饰就是为了设置下划线,上划线,删除线等等

html 复制代码
<!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;)去下划线后 的链接

相关推荐
牧羊狼的狼4 小时前
React 中的 HOC 和 Hooks
前端·javascript·react.js·hooks·高阶组件·hoc
知识分享小能手5 小时前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
魔云连洲5 小时前
深入解析:Vue与React的异步批处理更新机制
前端·vue.js·react.js
mCell6 小时前
JavaScript 的多线程能力:Worker
前端·javascript·浏览器
超级无敌攻城狮7 小时前
3 分钟学会!波浪文字动画超详细教程,从 0 到 1 实现「思考中 / 加载中」高级效果
前端
excel8 小时前
用 TensorFlow.js Node 实现猫图像识别(教学版逐步分解)
前端
gnip9 小时前
JavaScript事件流
前端·javascript
赵得C9 小时前
【前端技巧】Element Table 列标题如何优雅添加 Tooltip 提示?
前端·elementui·vue·table组件
wow_DG9 小时前
【Vue2 ✨】Vue2 入门之旅 · 进阶篇(一):响应式原理
前端·javascript·vue.js
weixin_456904279 小时前
UserManagement.vue和Profile.vue详细解释
前端·javascript·vue.js