文本相关样式

示例

<html>
    <head>
        <meta charset="utf-8">
        <title>文本相关样式</title>
        <style>
           .first{
                color:green;/*文本颜色*/
                text-align:center;/*文本居中*/
                /* text-align:left; *//*文本居左，默认*/
                /* text-align:right; *//*文本居右*/
           }
           .second{
                text-indent:40px; /*首行缩进*/ 
                border:1px solid #000;
                line-height:100px;/*行高*/
                /* text-decoration:none; *//*文本装饰，none默认值没有装饰*/
                text-decoration:underline;/*文本装饰为下划线*/
           }
           .third{
               color:rgb(255,0,0);
           }
        </style>
    </head>
    <body>
        <p class="first">贾重阳是个阳光男孩</p>
        <p class="second">贾重阳是个阳光男孩</p>
        <p class="third">贾重阳是个阳光男孩</p>
    </body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容