<!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属性值里，空格隔开就可以了。
网友评论