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>
样式如下图: