H I O X INDIA
免费的CSS教程
 首页   ||  教程  ||  脚本  || 支持 english Español Français Deutsch

的CSS话题
导言
类型
背景属性
文本属性
字体属性
盒子属性
边界属性
保证金属性
填充属性
专题
请询问您的疑问
反馈



CSS层叠样式表文本修饰


主题

如何在html中设置上划线或者下划线的文本?
我想创建带删除线的文本/文字?在html中如何创建闪烁的带下划线的文本?



解释


属性: 案文装饰

用法:
text-decoration: underline;
text-decoration: overline;
text-decoration: linethrough;
text-decoration: blink;

定义:
使用这个属性我们可以对文本进行修饰。可以创建闪烁带下划线的文本等...
属性可以设置以下的值。
a)underline:使用这个属性值可以创建带下划线的文本。
b)overline:使用这个属性值可以创建上划线文本。
c)linethrough:使用这个属性值可以创建带删除线的文本。
d)blink:使用这个属性值可以创建闪烁文本。

示例1:
<font style="text-decoration: underline;"> 测试案文装饰</font>

结果:
测试案文装饰


示例2:
<div style="text-decoration: overline;"> 测试案文装饰 </div>

结果:

测试案文装饰

示例3:
<h5 style="text-decoration: linethrough;"> 测试案文装饰 </h5>

结果:
测试案文装饰

示例4: [旧版本的浏览器不支持这个属性值]
<font style="text-decoration: blink;"> 测试案文装饰</font>

结果:
测试案文装饰


如果我们想让文本带有下划线、上划线和闪烁,可以使用以下示例中的属性值。
示例5:
<font style="text-decoration: underline overline blink;"> 测试案文装饰</font>

结果:
测试案文装饰





一个注记
的CSS -层叠样式表可以用来与HTML标记的解释这个网站。 这简单的CSS将帮助您创建更优雅和简洁的HTML网页。 这并不需要任何额外的软件或编码。 所有网络浏览器能够处理的CSS代码。

注2 :如果需要,您可以使用不是
标签。 DIV标记将开始和结束在新的行。跨度不会超过标签领域。


privacy policy     license
© 2004-2005 HIOX INDIA - hioxindia.com