<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title></title>
<style type="text/css">
.center{text-align: center;}
.red{color: red}
</style>
</head>
<body>
<h1 class="red center">《雨霖鈴》</h1>
<h2 class="red center">柳永</h2>
<p> 寒蟬凄切，對長亭晚，驟雨初歇。</p>
<p>都門帳飲無緒，留戀處、蘭舟催發。</p>
<p>執手相看淚眼，竟無語凝噎。念去去、千里煙波，暮靄沉沉楚天闊。 </p>
<p>多情自古傷離別，更那堪冷落清秋節！</p>
<p>今宵酒醒何處？</p>
<p>楊柳岸、曉風殘月。</p>
<p>此去經年，應是良辰好景虛設。</p>
<p>便縱有千種風情，更與何人說？ </p>
</body>
</html>
<style type="text/css">
.center{text-align: center;}
.red{color: red}
</style>
<h1 class="red center">《雨霖鈴》</h1>
<h2 class="red center">柳永</h2>
可以看出，class屬性同時定制多個style的時候，并列寫在class屬性值里，空格隔開就可以了。
