【代碼筆記】Web-CSS-CSS Text（文本）

時間 2019-11-06

原文原文鏈接

一，效果圖。html

二，代碼。api

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Test(文本)</title> <style> body { color: red } h1 { color: #00ff00; text-align: center; /*加上上劃線*/ text-decoration: overline; /*全變成大寫*/ text-transform: uppercase; /*文本的第一行縮進*/ text-indent: 50px; } p.ex { color: rgb(0, 0, 255); text-align: right; /*加上下劃線*/ text-decoration: line-through; /*全變成小寫*/ text-transform: lowercase; } <p { text-align: justify; /*加上下劃線*/ text-decoration: underline; /*首字母大寫*/ text-transform: capitalize; } a { /*去掉連接的下劃線*/ text-decoration: none; } </style> </head> <body> <h1>This is heading </h1> <p>This is an ordinary paragraph.</p> <p class="ex">This is a praagraph with clss="ex".</p> <p>Link to:<a href="http://www.w3cshool.cc">w3cshool.cc</a></p> </body> </html>