前言:
先看一个app的效果图:
打钩操作以后,文字对应会有一个这样的效果。
正文:
text-decoration
---------- 规定添加到文本的样式。
注释:
所有浏览器都支持text-decoration属性
可能的值:
- none 默认值
- underline 定义文本下的一条线
- overline 定义文本上的一条线
- line-through 定义穿过文本下的一条线
- blink 定义 闪烁的文本
- inherit 继承父元素
扩展阅读:
相关推荐
CSS文本装饰和文本转换 ... 在正文中尝试了text-decoration和text-transform关键字。 这些关键字有很多功能,但是对于修饰,我选择了下划线,对于转换,我选择了小写字母。 这些关键字还有很多可以做的尝试。
css下划线
新增了text-decoration-line、text-decoration-color、text-decoration-style参考; 新增了ime-mode参考; 新增了CSS3速查表参考; 新开了Only Firefox节点; 补充修订了问题和经验列表; 新增了一些对本手册指出过...
定义和用法text-decoration 属性规定添加到文本的修饰。注释:修饰的颜色由 "color" 属性设置。说明这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到...
color direction line-height letter-spacing text-align text-decoration text-indent text-transform word-spacing 背景属性 background background-color background-image backeground-position background-...
新增了text-decoration-line、text-decoration-color、text-decoration-style参考;新增了 ime-mode参考;新增了CSS3速查表参考;新开了Only Firefox节点;补充修订了问题和经验列表;新增了一些对本手册指出过Bug...
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样式
前言本文将介绍 Level 4 中最新添加的特性。CSS Text Decoration文字修饰线:text-decoration-linetext-decor
TEXT-DECORATION: underline;font-weight:bold;line-height:150%;} .content A:visited {COLOR: #669933; TEXT-DECORATION: underline;font-weight:bold;line-height:150%;} .content A:hover {COLOR: #669933; ...
<style type="text/css"> body{font-size:12px; font-family:"宋体"; color:#000;} p,h2,ul,li{margin:0; padding:0; list-style:none;} .box{width:230px; height:240px; border:1px solid #D8D8D8; margin:0 ...
font color font-family font-size font-size-adjust font-stretch font-style font-weight text-decoration text-underline-position text-shadow font-variant text-transform line-height letter-spacing word-...
style type ="text/css"> <!- a:hover{text-decoration:underline;color:blue} a:link{text-decoration:underline;color: red} a:visited{text-decoration:green} -> </style> 爱米</a> 这是正确的...
本版本新增了display的box和inline-box值;新增了CSS Flexible Box Layout Properties...新增了text-decoration-line、text-decoration-color、text-decoration-style参考;新增了ime-mode参考;新增了CSS3速查表参考;
<style type='text/css'> <!-- a:visited{text-decoration:none;color:slategray;} a:hover{text-decoration:underline;color:slategray;} a:link{text-decoration:none;color:slategray;} --> <!-- //可以打包为...
background:url('../img/background.jpg') #fefefe;... text-decoration:none; outline:none; color:#54a6de; } a:hover{ text-decoration:underline; } section, footer, nav{ display: block; }
相信大家对于text-decoration这个属性并不陌生,在重置a标签的默认样式时,我们经常要这样写:text-decoration: none;可能对它了解的人也很少,实际上text-decoration是一个复合属性,由line、style和color组成。 ...
CSS代码 /*全局链接颜色 */ a:link {color:#1f3a87; text-decoration:none;} a:visited {color:#83006f;text-decoration:none;} a:hover {color:#bc2931; text-decoration:underline;} a:active {color:#bc2931...
text-decoration:none }A:active { color:#FFFFFF; text-decoration:none }A:visited { color:#FFFFFF; text-decoration:none }A:hover { color:#FFFFFF; text-decoration:underline }局部链接样式一般的写法是这样...