【实例介绍】
css添加文字修饰text-decoration
在HTML中,可以使用<u>标签给文字添加下画线,在CSS中使用text-decoration属性可以对文本进行修饰,如设置下画线、删除线和上画线等。
【基本语法】
text-decoration:取值
【语法介绍】
none表示不修饰,是默认值;underline表示对文字添加下画线;overline表示对文字添加上画线;line—through表示对文字添加删除线;blink表示文字闪烁效果。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <style type="text/css"> .s { font-family: "新宋体"; font-size: 18px; text-decoration: underline; }</style> <body class="s"> 美丽不可靠近。一幅油画,站在几米远的地方观赏,看到的会是童话一样的意境, 但当来到近前细看时,看到的就只是一个个凹凸不平的油颜团。 </body> </html>
【代码分析】
此段代码中,首先文字修饰属性text-decoration为underline,然后对正文中的段落文本应用样式,在浏览器中预览效果,如图所示。
【素材及源码下载】
请点击:添加文字修饰text-decoration 下载本实例相关素材及源码
……