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;)去下划线后 的链接

相关推荐
jiangzhihao051520 小时前
前端自动翻译插件webpack-auto-i18n-plugin的使用
前端·webpack·node.js
软件技术NINI1 天前
html css网页制作成品——HTML+CSS盐津铺子网页设计(5页)附源码
前端·css·html
Pu_Nine_91 天前
教程: 在网页中利用原生CSS实现3D旋转动画
css·3d·css3
mapbar_front1 天前
面试问题—我的问题问完了,你还有什么想问我的吗?
前端·面试
quweiie1 天前
thinkphp8+layui多图上传,带删除\排序功能
前端·javascript·layui
李鸿耀1 天前
React 项目 SVG 图标太难管?用这套自动化方案一键搞定!
前端
闲蛋小超人笑嘻嘻1 天前
树形结构渲染 + 选择(Vue3 + ElementPlus)
前端·javascript·vue.js
叶梅树1 天前
从零构建A股量化交易工具:基于Qlib的全栈系统指南
前端·后端·算法
巴博尔1 天前
uniapp的IOS中首次进入,无网络问题
前端·javascript·ios·uni-app
Asthenia04121 天前
技术复盘:从一次UAT环境CORS故障看配置冗余的危害与最佳实践
前端