text-decoration与color属性

text-decoration属性值

如果指定某个标签的text-decoration属性时,希望为其添加多个样式(比如:上划线、下划线、删除线),那么需要把所有的值合并到一个规则中才会生效

p{
     text-decoration: underline overline line-through;
}

如果将这行值分开写,那么在生效时会根据就近原则,选取最后一个text-decoration样式生效

p{
     text-decoration: underline;
     text-decoration: overline;
}

删除线

实际在使用删除线时,不太推荐采用text-decoration来指定样式,而更推荐使用标签,用以标记要删除的内容。而它常常会与<ins></ins>标签(用来表示要插入的内容)配合使用

color属性

color属性实际控制了一个元素的前景色,包含了文本颜色和边框颜色一起,下面css代码可以看到边框颜色实际也由color一并控制了。

p{
    color: red;
    border: 1px solid;
}

不过除了color,也可以额外增加border-color属性来专门指定边框的颜色

原文地址:https://www.cnblogs.com/baimeishaoxia/p/11972472.html

时间: 2024-10-11 14:47:25

text-decoration与color属性的相关文章

color属性是否具有继承性

color属性是否具有继承性: 这个问题应该比较简单,但是还是注意一下,否则可能造成颜色的混乱.先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>蚂蚁部落</title

CSS的color属性并非只能用于文本显示

虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过. 对于CSS的color属性,相信所有Web开发人员都使用过.如果你并不是一个特别有经验的程序员,我相信你未必知道color属性除了能用在文本显示,还可以用作其它地方. 你可以先看一下下面的演示: HTML代码 <img alt="Example alt text" width="200" height="200

精心点缀的文字:CSS Text Decoration

大家很熟悉的 CSS2 用法 text-decoration ,到了 CSS3 就拥有很多新的特性.本文将介绍 Level 4 中最新添加的特性. CSS Text Decoration 文字修饰线:text-decoration-line text-decoration-line也就是 CSS3 之前的 text-decoration,属性有如下的属性值: 属性值 效果 none 无效果 underline 下划线 overline 上划线 line-through 删除线 blink 文字闪

(六)学习CSS之color属性

参考:http://www.w3school.com.cn/cssref/pr_text_color.asp color 属性规定文本的颜色. 这个属性设置了一个元素的前景色(在 HTML 表现中,就是元素文本的颜色):光栅图像不受 color 影响.这个颜色还会应用到元素的所有边框,除非被 border-color 或另外某个边框颜色属性覆盖. 要设置一个元素的前景色,最容易的方法是使用 color 属性. 值 描述 color_name 规定颜色值为颜色名称的颜色(比如 red). hex_

js中的innerText、innerHTML、属性值、value与jQuery中的text()、html()、属性值、val()总结

js与jQuery获取text.html.属性值.value的方法是不一样的. js与jQuery,text与innerText获取(<!---->中为结果) html: <p id="test">这是段落中的 <b>粗体</b> 文本.</p> <button id="btn10">jQuery显示text</button> <!--Text: 这是段落中的 粗体 文本.--

详解 UIView 的 Tint Color 属性

在iOS 7后,UIView新增加了一个tintColor属性,这个属性定义了一个非默认的着色颜色值,其值的设置会影响到以视图为根视图的整个视图层次结构.它主要是应用到诸如app图标.导航栏.按钮等一些控件上,以获取一些有意思的视觉效果. tintColor属性的声明如下: var tintColor: UIColor! 默认情况下,一个视图的tintColor是为nil的,这意味着视图将使用父视图的tint color值.当我们指定了一个视图的tintColor后,这个色值会自动传播到视图层次

Css颜色定义的方法汇总color属性设置方式

颜色的定义方式用rgb()里面带上十进制的数字来定义. color:rgb(211,123,135); 用预定义的颜色名称. color:red; rgba()最后一个参数是不透明度. color:rgba(1,23,45,0.5); 用hsl()函数 color:hsl(78,70%,90%); 用hsla()函数 color:hsla(234,100%,45%,0.9); 用hex表示. color:#02a2e2;

&lt;input type=&quot;text&quot;/&gt;未输入时属性value的默认值--js学习之路

在百度ife刷题是自己的一个错误引发了我对<input type="text"/>的学习. 先贴代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>example</title> </head> <body> <label for="weather_input"

关于DropDownList中selectedIndex、selectedItem、selectedValue、selectedItem.Text、selectedItem.value属性的区别

1. selectedIndex——指的是dropdownlist中选项的索引,为int,从0开始,可读可写 2. selectedItem——指的是选中的dropdownlist中选项,为ListItem,只读不写 3. selectedValue——指的是选中的dropdownlist中选项的值,为string, 只读不写 4. selectedItem.Text——指的是选中的dropdownlist中选项的文本内容,与selectedItem的值一样为string,可读可写 5. sel