正在加载图片...
body i magi padding: 0px font-size: 14px line- height: 180% uppercase Style text-transform uppercase case Style text-transform lowercase capitalize Style text-transform: capitalize <p class="uppercase Style">at twenty years of age, the will reigns; at thirty, the wit; and at forty, the judgment <p class="lowercase Style">Life is like a hot bath. It feels good while you're in it, But the longer you stay in, The more wrinkled you get <p class="capitalize Style">you laugh at me for being different, but I laugh at you for being the same 1.7文本装饰 text- decoration属性用来对文本进行装饰。该属性值有五种 none、 underline、 overline、line- through、 blink。 默认值none对文本不做任何装饰。 underline会对元素加下划 线。Over1ine会在文本的顶端画一个上划线。1ine- through在文本 中间画一个贯穿线。 blink会让文本闪烁。 案例: 示例12-3:文本装饰 <!doctype html> <meta charset="utf-8> tte>文本装饰<rtte 5《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/htp/ bs. 51xueweb cn5 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn body { maigin:50px; padding:0px; font-size:14px; line-height:180%; } .uppercaseStyle { text-transform:uppercase; } .lowercaseStyle { text-transform:lowercase; } .capitalizeStyle { text-transform:capitalize; } </style> </head> <body> <p class="uppercaseStyle">at twenty years of age, the will reigns; at thirty, the wit; and at forty, the judgment. <p class="lowercaseStyle">Life is like a hot bath. It feels good while you’re in it, But the longer you stay in, The more wrinkled you get. <p class="capitalizeStyle">you laugh at me for being different, but I laugh at you for being the same. </body> </html> 1.7 文本装饰 text-decoration 属性用来对文本进行装饰。该属性值有五种： none、underline、overline、line-through、blink。 默认值 none 对文本不做任何装饰。underline 会对元素加下划 线。overline 会在文本的顶端画一个上划线。line-through 在文本 中间画一个贯穿线。blink 会让文本闪烁。 案例： 示例 12-3：文本装饰 <!doctype html> <html> <head> <meta charset="utf-8"> <title>文本装饰</title>