p标签的一些排版与配色练习

1. 白字蓝底

<!DOCTYPE html>
<html>
<head>
    <title>文字与页面整体布局与配色练习</title>
    <style type="text/css">

        body {
            background: #667db6;  /* fallback for old browsers */
            background: -webkit-linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);  /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

        }
        p {
            text-indent: 2em;
            letter-spacing: 2pt;
            font-family: 微软雅黑;
            font-size: 16px;
            text-align: justify;
            line-height: 27px;
            color: #fff;
        }
    </style>
</head>
<body>
<p>
    南方春来早，年一过完，春即到来。一场南风，轻轻悠悠地吹开了枝头的第一抹新绿，也由此拉开了春的序幕。田间地头的小草，纷纷争先恐后地钻出泥土，嫩嫩的细叶悄悄在微风中摇曳。
</p>
<p>
    那一片片葱郁的油菜地，经过几场牛毛细雨的浇灌后，在一个阳光明媚的日子里次第绽放，将一片靓丽的黄，放肆地植入人们的视线，成为春天的田野上最为绚丽的一道风景。
</p>
<p>
    春来了，风轻雨柔，春光灿烂，万物苏醒。山间的树木，吐芽开花。地里的作物，蓬勃生长。春花绚烂，各领风骚。不甘落后的李花、桃花紧跟着油菜花的脚步，竞相绽放在房前屋后，白如雪，红似粉，将无边的春色带进了千家万户。
</p>

<p>
    春暖花开的清晨，喜欢静赏一株花，从花开到花谢。每一个小小的蓓蕾，便是一份惊喜，更是一份生命的蓬勃。那一朵朵含苞待放的花蕾，像极了初生婴儿半眯着眼，用一种似醒非醒的慵懒神情，悄悄打量着世界，让人顿生呵护与爱怜。
</p>

<p>
    当花期来临，朵朵花儿尽情绽放，心间便有无数朵鲜花在怒放，瞬间便开成一片花的海洋。花谢时，花瓣翩飞，铺满小径，或许正在你捧着一瓣瓣落花感伤惋叹时，却惊喜地发现，花茎上不知何时竟已结出了小小的果实。
</p>

<p>
    原来，每一朵花都有自己靓丽的人生，就像每一个人都会在尘世中绽放自己的精彩一样的夺目。
</p>
</body>
</html>

样式如下图：