`
zhangyaochun
  • 浏览: 2620984 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css基础之text-decoration

阅读更多

 

  前言

 

       先看一个app的效果图:

 

      
       
 
      打钩操作以后,文字对应会有一个这样的效果。

 

 

   正文

 

     text-decoration

 

     ----------  规定添加到文本的样式。

 

    
      
 

  注释

 

    所有浏览器都支持text-decoration属性

 

 

  可能的值

 

  • none                 默认值
  • underline          定义文本下的一条线
  • overline            定义文本上的一条线
  • line-through     定义穿过文本下的一条线
  • blink                 定义 闪烁的文本
  • inherit              继承父元素


 扩展阅读:

 

   http://www.w3school.com.cn/css/pr_text_text-decoration.asp

  • 大小: 9 KB
  • 大小: 11.7 KB
分享到:
评论

相关推荐

    text-decoration 、border-radius与其他属性的区别

    ### text-decoration、border-radius与其他CSS属性的区别 #### 一、引言 在Web前端开发过程中,CSS(层叠样式表)被广泛应用于控制HTML元素的布局、颜色、字体等样式。其中,`text-decoration` 和 `border-radius`...

    CSS-text-decoration-and-text-transform:再次仅使用css文件,而不使用html。 在正文中尝试了text-decoration和text-transform关键字。 这些关键字有很多功能,但是对于修饰,我选择了下划线,对于转换,我选择了小写字母。 这些关键字还有很多可以做的,因此可以尝试一下

    CSS文本装饰和文本转换 ... 在正文中尝试了text-decoration和text-transform关键字。 这些关键字有很多功能,但是对于修饰,我选择了下划线,对于转换,我选择了小写字母。 这些关键字还有很多可以做的尝试。

    CSS中的下划线text-decoration属性使用进阶

    现代CSS还提供了text-decoration-skip属性,它允许开发者更好地控制文本装饰对特定内容的应用,比如对空格、换行、行内元素的装饰线跳过。在一些情况下,这些控制可以增加文本的可读性,比如在某些元素上避免下划线...

    CSS中text-decoration 常用属性.txt

    css下划线

    CSS参考手册v3.4.0(飘零雾雨版)

    新增了text-decoration-line、text-decoration-color、text-decoration-style参考; 新增了ime-mode参考; 新增了CSS3速查表参考; 新开了Only Firefox节点; 补充修订了问题和经验列表; 新增了一些对本手册指出过...

    CSS基础知识总结-新手入门篇

    - **字体属性**:包括`font-size`(字体大小)、`font-family`(字体样式)、`font-weight`(字体粗细)、`color`(颜色)、`text-decoration`(下划线)、`font-style`(斜体)和`text-indent`(首行缩进)。...

    将链接的下划线做成虚线

    要将链接的下划线改为虚线,可以使用CSS的`text-decoration-style`属性。这个属性定义了文本装饰线的样式,其值可以是`solid`(实线)、`dashed`(虚线)、`dotted`(点线)等。对于我们的需求,我们将设置为`dashed...

    CSS3.4.0 最新中文版.zip

    新增了text-decoration-line、text-decoration-color、text-decoration-style参考;新增了 ime-mode参考;新增了CSS3速查表参考;新开了Only Firefox节点;补充修订了问题和经验列表;新增了一些对本手册指出过Bug...

    css-text 教程

    ### CSS Text 属性详解 #### 一、前言 CSS(层叠样式表)作为网页设计中的重要组成部分,主要用于控制页面元素的布局与外观。在众多的CSS属性中,文本相关的属性占据了重要的地位,它们能够帮助设计师精细地调整...

    css基础知识总结-学习

    文本属性包括`color`定义文本颜色,可以使用颜色名称、十六进制或RGB值,`text-align`控制文本水平对齐,`text-decoration`用于添加下划线、上划线或删除线,`text-indent`设置首行缩进,`line-height`则用于调整行...

    第21章 CSS3文本效果

    CSS3扩展了文本装饰,如`text-decoration-line`、`text-decoration-style`和`text-decoration-color`,允许更精细的控制下划线、上划线、删除线等。例如: ```css a { text-decoration-line: underline; text-...

    css3文字特效

    CSS3的`text-decoration-line`、`text-decoration-style`和`text-decoration-color`属性可以用来添加下划线、上划线、删除线等装饰,甚至可以设置渐变线。 8. **字体渲染(font-smooth)** 对于Mac系统,`font-...

    ASP小程序编写的网页

    cssdemo.css样式表文件...text-decoration:none; } a:visited { text-decoration: none; } a:hover { font-size: 18px; color: #FF0000; text-decoration: none; } a:active { text-decoration: none; } 包含CSS样式

    CSS3多行文本下划线动画特效.zip

    - `text-decoration-style` 支持设置下划线的样式,如实线、虚线、点线等,例如 `text-decoration-style: dashed;`。 2. CSS3 Transitions 和 Animations: - CSS3 的 `transition` 属性用于创建平滑的过渡效果,...

    75team#w3c#20181114_nimitzdev_精心点缀的文字_CSS_Text_Decoration1

    前言本文将介绍 Level 4 中最新添加的特性。CSS Text Decoration文字修饰线:text-decoration-linetext-decor

    css基础-梦之都教学

    【CSS基础-梦之都教学】是为初学者设计的一套教程,旨在让学习者能够轻松掌握CSS的基础知识。CSS,即层叠样式表(Cascading Style Sheets),是一种用于定义HTML或XML(包括SVG、MathML等各种XML方言)文档呈现方式...

    2018-4-25 自定义 css 样式调整块级图片标题显示位置1

    text-decoration-line: underline; } ``` #### 2. 将标题置于图片外的右上方 ```css .story_image { padding-top: 40px; } .story_image_caption { position: absolute; top: 0; right: 0; border-bottom: ...

Global site tag (gtag.js) - Google Analytics