text-decoration 属性的简单介绍

前言：本人是新生小白，如有错误之处欢迎指出

首先第一点我们要知道什么是text-decoration 属性

前言：本人是新生小白，如有错误之处欢迎指出

我们先写一个基础框架

<!DOCTYPE html>
<html>
<head><title>overflow</title>
</head>
<body></body>
</html>

接下来进行简单介绍

text-decoration 属性是指规定添加到文本的修饰

text-decoration 属性是以下三种属性的简写：

text-decoration-line
text-decoration-color
text-decoration-style

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text-decoration</title>
<style>
h1.under {text-decoration: underline;
}
h1.over {text-decoration: overline;
}
p.line {text-decoration: line-through;
}
p.blink {text-decoration: blink;
}
a.none {text-decoration: none;
}
p.underover {text-decoration: underline overline;
}</style>
</head><body>
<h1 class="under">下划线</h1>
<p class="line">删除线</p>
<p class="blink">闪烁效果，但浏览器不会显示效果</p>
<h1 class="over">下划线</h1>
<p>这是一个 <a class="none" href="#">链接</a>，默认有下划线的</p>
<p class="underover">上划线与下划线</p></body></html>

text-decoration 属性的简单介绍相关推荐

HTML5 autofocus属性用法简单介绍
本章节简单介绍一下HTML5中新增的一个属性autofocus,它可以让一个元素加载后获取焦点,在此之前一般要通过使用javascript的focus()方法实现我们的要求,非常的简单,代码如下: 1 ...
overflow属性的简单介绍
前言:本人是新生小白,如有错误之处欢迎指出我们先写一个基础框架 <!DOCTYPE html> <html> <head><title>overflo ...
iOS边练边学--UIScrollView的属性简单使用，代理的简单介绍以及内容缩放
一.什么是UIScrollView *移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也是相当有限 *当展示的内容较多,超出一个屏幕时,用户可通过滚动收拾来查看屏幕以外的内容 *普通的UI ...
img标签的alt属性简单介绍
alt属性可能会被很多人忽略,貌似在实际应用中可有可无. 在网页的表现方面确实有点可有可无,因为它真正能够起到作用的时候不多. alt是alternate的缩写,是表示备选的意思. 也就是说当img图 ...
CSS Text Decoration
大家很熟悉的 CSS2 用法 text-decoration ,到了 CSS3 就拥有很多新的特性.本文将介绍 Level 4 中最新添加的特性. CSS Text Decoration 文字修饰线: ...
WPF自学入门（十一）WPF MVVM模式Command命令 WPF自学入门（十）WPF MVVM简单介绍...
WPF自学入门(十一)WPF MVVM模式Command命令在WPF自学入门(十)WPF MVVM简单介绍中的示例似乎运行起来没有什么问题,也可以进行更新.但是这并不是我们使用MVVM的正确方式.正 ...
input:file上传类型控制简单介绍
<input type="file">可以上传文件,这个就不用多介绍了. 其实我们使用此控件可以进行上传文件格式的控制. 特别说明:在实际应用中,不但要在前端进行验证, ...
html中css路径和xpath路径,6.1 HTML的简单介绍和快速获取XPath和CSS路径
Web UI 自动化其实就是在页面元素,所以在真正进入页面元素操作之前,我们先认识下我们后面会用到的一些HTML相关知识. HTML的简单介绍什么是HTML HTML(Hyper Text Mark ...
client高性能组件化框架React简单介绍、特点、环境搭建及经常使用语法
[本文源址:http://blog.csdn.net/q1056843325/article/details/54729657 转载请加入该地址] 明天就是除夕了预祝大家新春快乐 [ ]~(￣▽￣) ...

text-decoration 属性的简单介绍

首先第一点我们要知道什么是text-decoration 属性

text-decoration 属性的简单介绍相关推荐

最新文章

热门文章