精华内容
下载资源
问答
  • CSS 语法 text-decoration: <text-decoration-line text-decoration-style text-decoration-color> text-decoration-line 值 描述 none 默认。定义标准的文本。 underline 定义文本下的一条线。 ...

    CSS 语法

    text-decoration: <text-decoration-line text-decoration-style text-decoration-color>
    

    text-decoration-line

    描述
    none默认。定义标准的文本。
    underline定义文本下的一条线。
    overline定义文本上的一条线。
    line-through定义穿过文本下的一条线。
    blink定义闪烁的文本。
    inherit规定应该从父元素继承 text-decoration 属性的值。

    text-decoration-style

    描述
    solid默认值。线条显示为单行。
    double线条显示为双线。
    dotted线条显示为点线。
    dashed线条显示为虚线。
    wavy线条显示为波浪线。
    initial将此属性设置为其默认值。
    inherit从其父元素继承此属性。

    text-decoration-color

    描述
    color规定 text-decoration 的颜色。
    initial将此属性设置为其默认值。
    inherit从其父元素继承此属性。

    示例

    <style>
    	.none {text-decoration: none}
    	.underline {text-decoration: underline}
    	.overline {text-decoration: overline}
    	.line-through {text-decoration: line-through}
    	.blink {text-decoration: blink}
    	.inherit {text-decoration: inherit}
    </style>
    
    <p class="none">默认</p>
    <p class="underline">下划线</p>
    <p class="overline">上划线</p>
    <p class="line-through">删除线</p>
    <p class="blink">闪烁文本</p>
    <p class="inherit">从父元素继承</p>
    
    

    在这里插入图片描述

    联合写法示例

    <style>
          
    	.line-through-double-red {
    	    text-decoration: line-through double red;
    	}
    </style>
    
    <p class="line-through-double-red">从父元素继承</p>
    

    在这里插入图片描述

    参考
    CSS text-decoration 属性

    展开全文
  • 在我首先拿到图的时候,想了想最难的地方可能就是如何让两行文字在一行显示。 第一个想到的是用定义上下标的形式 用和定义它的上下标,达到效果。在具体实现的时候发现有一个距离问题 然后我用了margin-left:-90px;...
  • CSS上划线、下划线、删除线等方法

    万次阅读 2017-12-07 13:34:56
    text-decoration:underline; 下划线 text-decoration:overline; 顶划线  text-decoration:line-through; 删除线

    text-decoration:underline;     下划线

    text-decoration:overline;    顶划线 

    text-decoration:line-through;  删除线

    展开全文
  • CSS实现文字下面波浪线

    千次阅读 2019-04-26 14:21:35
    使用径向渐变绘制我们的波浪线效果 一个波浪线循环段是有一个朝上的半个圆弧和一个朝下的半个圆弧组合而成的。 所以,我们只要使用径向渐变绘制圆弧,再通过background-position控制两个圆弧的位置,让其前后拼接...

    方法1.使用径向渐变绘制我们的波浪线效果

    一个波浪线循环段是有一个朝上的半个圆弧和一个朝下的半个圆弧组合而成的。

    所以,我们只要使用径向渐变绘制圆弧,再通过background-position控制两个圆弧的位置,让其前后拼接在一起就可以实现波浪线效果。

     

    .flow-wave {
        background: radial-gradient(circle at 10px -7px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x,
            radial-gradient(circle at 10px 27px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x;
        background-size: 20px 20px;
        background-position: -10px calc(100% + 16px), 0 calc(100% - 4px);
    }

     

    方法2.使用SVG波形矢量图作为背景

    .svg-wave {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23333' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%; 
        background-size: 20px auto;
    }

     

    自己试了一个两种方式还是比较喜欢第二种。效果图如下:

     

    第一种的效果 :

     

    展开全文
  • CSS字体颜色,文本装饰线,删除线

    千次阅读 2015-12-29 14:38:25
    CSS字体颜色 方法1使用rgb值来制定 body{ background-color:silver/Aqua/Navy; (css有16种基本颜色和150种扩展颜色可以利用该法指定)  background-color:rgb(80%,40%,0%);  background-color:rgb(204,102,0);

    CSS字体颜色

    方法1使用rgb值来制定

    body{

    background-color:silver/Aqua/Navy;                (css有16种基本颜色和150种扩展颜色可以利用该法指定)

            background-color:rgb(80%,40%,0%);                (3个100%得到白色,三个0%得到黑色)

            background-color:rgb(204,102,0);                       (0-255间的一个数值)

    }


    方法2使用十六进制码来制定

    #CC6600        (cc表red,66表green,00表blue)

    解析:

    根据十六进制中,0-9对应0-9;A-F对应10-15

    以CC为例,左右两侧C转成十进制都为12

    左侧C*16+ 右侧C

    即12*16+12=192。

    同理得66的十进制是102,00十进制仍是0.

    #CC6600每组两位数字都相同,可简写#C60;但如果十六进制码为#ccbb10则不能缩写。


    CSS字体颜色文本装饰线


    em{

    text-decoration:line-through/underline/overline;

    }


    可以在同一个text-deocration同时运用不同装饰,空格隔开

                         text-decoration:underline overline;


    ※当要使用删除线时,可以使用html的<del>和<ins>,

    <p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

    看起来像这样

    一打有 二十 十二 件。

    ※有下划线的文字易被误解成超链接,慎用。


    展开全文
  • css 实现文字左右两边有一条线

    千次阅读 2019-08-20 10:09:37
    效果是上面这样的,其实很简单就是在文字的伪类里面加横线就行了 <div class="title"> 这里标题内容 </div> .title{ width:200px; height:50px; line-height:50px; text-align:ce...
  • CSS文字和段落排版

    千次阅读 2018-03-12 17:57:27
    我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。 body{ font-family:"宋体"; } 这里注意不要设置不常用的...
  • 可以通过纯CSS非常简单地实现。 首先查看现场演示 ,以了解要学习的内容(您需要在台式机/笔记本电脑上查看效果)。 该技术可用于创建出色的产品描述页面,甚至类似于Powerpoint / Keynote演示的内容,并且非常...
  • CSS文字排版

    2020-01-09 17:06:45
    字体:font-family 字号:font-size 颜色:color 粗体:font-weight:bold;...删除线:text-decoration:line-through; 段落缩进:text-indent:2em; 这里的2em指文字的两倍大小,即,首行缩进2个字符 行间距:li...
  • Java波浪文字制作方法及源代码 1个目标文件 摘要:Java源码,初学实例,波浪文字 Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象,...
  • CSS文字处理

    2018-05-17 23:42:10
    --------------------------------------CSS文字处理--------------------------------------字体CSS 字体属性定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)。CSS 字体属性属性 描述 ...
  • CSS设置文字的划线

    千次阅读 2016-07-25 21:39:52
     文字加上下划线、顶划线和删除线,在文档中是经常使用的。  CSS中通过设置文字的text-decoration属性,来实现这些特殊的效果。 文字下划线、顶划线,删除线 <!-- p.one{text-decoration:...
  • 一.CSS的作用及格式 1.CSS的固定格式: <style type="text/css"> 标签名称 { 属性名称: 属性对应的值 } </style> 1.1 CSS的注释格式 /* 这是注释的内容 */ 1.2注意点: style标签必须写在head标签的...
  • 标签实现文字中间添加删除线的方法! html删除线代码示例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html删除线代码示例</title>
  • <del>标签或<s>标签都能实现删除线效果 <del>del标签实现删除线效果</del> <br> <s>s标签实现删除线效果</s>
  • 中间划线(删除线) text-decoration: underline; 8 首行缩进: text-indent 该属性接受一个带单位的值 规定文本首行缩进多少个单位的空间 只对第一行有缩进,而且只用于块元素 text-indent: 2em; ...
  • css文字样式

    2019-06-08 17:17:40
    css文字样式: 额外:颜色: 英文单词:red blue… rgb:红(255)绿(255)蓝(255)—rgb(255,255,255) rgba(a代表透明度 0~1 如: 0.5可以写为.5 即 0可以省略 ) .font{ width:300px; hight:100px; text-align:justify...
  • js动态给table表格的行添加删除线

    千次阅读 2018-08-04 18:26:41
    而不是在每个tr单元格添加css属性text-decoration,因为删除线要连续不间断。 利用添加一个设置属性了的div去实现 jsp代码: &lt;%@ page language="java" pageEncoding="UTF-8"%&gt...
  • 下面我们通过简单的代码示例,为大家介绍如何用HTML中标签实现文字中间添加删除线的方法! html删除线代码示例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title...
  • CSS对边框和文字的排版

    千次阅读 2019-06-17 16:21:35
    CSS的边框排版: 边框的样式 border-style 基本语法 border-style border-top-style border-bottom-style border-left-style border-right-style 取值: none 没有边框 dotted 点线 dashed 虚线 ...
  • uni-app学习:CSS之文本

    千次阅读 2020-07-22 17:21:39
    2)删除线:text-decoration:line-through 3)上划线:text-decoration:overline 3、字体加粗 font-weight:bold; 4、字体倾斜 font-style: italic; 5、内容居中 1)靠左对齐: text-align:left 2)靠右对齐...
  • 没有什么超级简单的通法可以在圆(或任何类型的曲线)上设置css类型。 但这是可以完成的! 我们下面将在这里探索一种实现方法。 但是事先警告,我们将使用一些CSS3和JavaScript,不支持某些必需技术的旧版浏览器(IE...
  • 本文主要介绍的是关于CSS文字修饰的相关资料,分享出来供大家参考学习,下面来一起看看详细的介绍: 一、text-decoration 相信大家对于text-decoration这个属性并不陌生,在重置a标签的默认样式时,我们经常要这样写...
  • CSS设置文字和段落属性

    千次阅读 2017-06-30 07:56:33
    字体属性: Color: 颜色名称 ...删除线 /overline 上划线   转换字母大小: text-transform : none/lowercase/uppercase/capitalize 首字母大写   增加阴影: text-shadow  
  • 小程序官方提供的html标签,跟...不能够使用<del>等标签 下面关于下划线和删除线的操作。 在对应的标签中添加css样式即可: text-decoration:underline; //下划线 text-decoration:line-through;//删除线 ...
  • CSS文字属性与选择器

    2017-05-31 10:36:46
    所以我们可以设置H标签和P标签的align属性等于center来实现标题和段落都有颜色, 都有字体都有大写,##所以需要给文字包裹一个font标签, 然后通过font标签来设置颜色以及大小。通过标签来修改样式的缺点: 需要记忆...
  • 二,文字样式 设置字体类型 font-size:设置字体大小 font-style:设置字体样式 normal(正常,默认) italic(斜体) oblique(斜体)没有斜体变量时用oblique color设置字体颜色 三,段落...
  • 目录 1. 单位 2. 颜色 3. 文本 3.1 字符间距letter-spacing 3.2行高line-height ...3.2.2 行高的应用——居中垂直对齐效果 ...3.4.2装饰线的应用——去掉超链接下划线 4. 字体 4.1 基本用法 ...
  • React-Native:删除线样式

    千次阅读 2016-11-04 15:09:53
    Text 属性(Style) 类型 值 textDecorationLine enum(枚举) “none”, ‘underline’, ‘line-through’, ‘underline line-through’ ...* ‘line-through’ 删除线 * ‘underline line-throug

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 25,370
精华内容 10,148
关键字:

css文字删除线