css文本 颜色4

<head>
        <meta charset="UTF-8">
        <title>练习四</title>
        <style type="text/css">
            .p11{
                width: 400px;
                white-space: pre;
                color: #000000;
            }
            .box-p11{
                white-space: nowrap;
                color: #000000;
            }
            .box-p12{
                width: 600px;
                white-space: pre-wrap;
                color: #000000;
            }
            .box-p13{
                white-space: nowrap;
                color: #000000;
            }
            .box-p14{
                color: #000000;
            }
            .box-p15{
                white-space: nowrap;
                color: #000000;
                color: rgb(0,0,0,0.3);
            }
            .box-p12{
                 text-align: right;
                 width: 1000px;
            }
            .box-p13{
                text-align: left;
            }
            .box-p14{
                text-align: center;
            }
            .box-p16{
                text-align: right;
                color: #000000;
            }
            .p12  span{
                font-size: 35px;
                vertical-align: bottom;
                color: #000000;
                background: darkturquoise;
            }
            .p12{
                color: #000000;
            }
            .p13{
                text-indent: 2em;
                color: #000000;
            }
            .p14{
                letter-spacing: 10px;
                color: #000000;
            }
            .p15{
                background: lightblue;
                overflow: hidden;
                white-space: nowrap;
                color: #FF0000;
                font-size: 20px;
            }
            .p16{
                letter-spacing: 10px;
                color: #000000;
            }
            .p17{
                text-transform: capitalize;
                color: #000000;
            }
            .p18{
                text-transform: uppercase;
                color: #000000;
            }
            .p19{
                text-transform: lowercase;
                color: #000000;
            }
        </style>
    </head>
    <body>
        <p class="box-p11">
                这是一段很长很长的文字drection:ltr
            </p>
            <p class="box-p12">
                这是一段很长很长的文字drection:ltr
            </p>
            <p class="box-p13">
                这是一段很长很长的文字text-align:left
            </p>
            <p class="box-p14">
                这是一段很长很长的文字text-align:cnter
            </p>
            <p class="box-p16">
                    这是一段很长很长的文字text-align:right
            </p>
            <p class="p12">
                这是一段很长很长的<span>文字</span>
            </p>
            <p class="p13">
                这是一段很长很长的文字
            </p>
            <p class="p14">
                这是一段很长很长的文字letter-spacing:10px;
            </p>
            <p class="p15">
                这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字这是一段很长很长的文字
            </p>
            <p class="p16">
                这是            一段          很长很长        的          文字letter-spacing:  10px
            </p>
             <p class="p17">
                  it is never too old to leam
             </p>
             <p class="p18">
                  it is never too old to leam
             </p>
             <p class="p19">
                 it is never too old to leam
             </p>
    </body>
</html>

 

posted @ 2019-01-24 19:02  forwardq  阅读(146)  评论(0编辑  收藏  举报