html题目放大，字体变色有段落

相关代码

img

题主要的代码如下，有帮助麻烦点个采纳【本回答右上角】，谢谢~~

<style>
    .wrap{max-width:940px;margin:0 auto;word-break:break-all}
    .wrap h1,.wrap h2{text-align:center;}
    .wrap h2{font-family:楷体}
    .wrap h3{text-align:right;padding-right:12px}
    .wrap h4{color:#f00;font-family:楷体}
    .wrap .content{line-height:25px}
</style>
<div class="wrap">
    <h1>相信自己</h1>
    <h3>作者：张三</h3>
    <h2>第一篇：没有糟糕的市场，只有糟糕的心情</h2>
    <h4>1、心情的颜色会影响世界的颜色</h4>
    <div class="content">
　　有人把世界上的人以分为两种:成功的人和失败的人。这两种人在本质上并没有什么区别，只是他们在日常生活中所拥有的心情不同，准确的说，是控制自己心情的能力有所不同。
        <br /><br />
　　一个成功者， 并不是他们在人生道路上有多么的一帆风顺，也不是他们的能力有多么的超群，而仅仅只有一个原因一 这种人善于控制自己的心情，能在狂风暴雨中看到美丽的彩虹，甚至能在败涂地中看到美好的将来， 并时刻保持一种良好的心理状态，不为暂时的失败沮丧。<br /><br />
　　相反一个失败者，也并不是真的像他们所说的那样缺少机会，或者是资历浅薄，甚至像某些人说的老天无眼，给自己的保佑不够多，原因仅仅是这种人不会控制自己的心情，任自己的情绪随着面前所发生的事情随意放纵:愤怒时，怒火中烧，殃及池鱼;消沉时，借酒消愁却愁更愁，任自己的姜靡放肆滋长，把许多稍纵即逝的机会给白白浪费了:快乐时，忘乎所以，四面树敌，给自己以后的发展道路平添许多艰难险阻。
        <br /><br />
　　总而言之，成败得失都在于两个字心情。 心情好，则事成;心情坏，则事败。
        <br /><br />
　　生活中的非理性因素实在是太多了，以至我们常常会因为这些非理性的因素而控制不住自己的心情，导致发生了一些原本不该发生的事情。
        <br /><br />
　　经过分析，这些困扰人类多年的非理性因素有如下几种:嫉妒、愤怒、恐惧、抑郁、紧张，还有狂躁和猜疑，这些都是再平常不过的心理因素了，而这些看似极其平常的心理因素，却往往可以决定一 个人的成败得失。
        <br /><br />
　　这些心理因素的总和也被称为心态。
        <br /><br />
　　一位位哲人曾经说过: -个人的心态就是一 个人真正的主人，要么你去驾驭生命，要么是生命驾驭你，而你的心态将决定谁是骑，谁是骑师。
    </div>
</div>

img

把文本提供一下，给你写

回答如下：用Dreamweaver写的，很简单，有需要的可以下载软件去调节，这里给出相关要求的代码
代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE1 {font-size: 18px}
.STYLE2 {font-size: 36px}
.STYLE3 {color: #FF0000}
-->
</style>
</head>

<body>
<h1 align="center" class="STYLE2">我爱你</h1>
<h2 align="right" class="STYLE1">作者：冰冰一号</h2>
<h3 align="center" class="STYLE1">第一节</h3>
<p class="STYLE3">从前</p>
<p>有一个小男孩</p>
<p>他喜欢一个小女孩</p>
</body>
</html>

可以跑一波看一下效果，文本就自己修改吧，很简单的