一，效果圖。 二，代碼。 參考資料:《菜鳥教程》 ...
一，效果圖。
二，代碼。
<!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>
參考資料:《菜鳥教程》
