【代码笔记】Web-CSS-CSS Text（文本）
程序员文章站
2022-05-02 12:26:32
一，效果图。 二，代码。 参考资料:《菜鸟教程》 ......
一，效果图。
二，代码。
<!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>
参考资料:《菜鸟教程》