//test.html
<!DOCTYPE html>
<html>
<head> <title>我的网页</title> <link rel="stylesheet" href="styles.css">
</head>
<body> <p class="left-text">这是居左对齐且加粗的蓝色文本。</p> <p class="center-text">这是居中对齐且加粗的蓝色文本。</p> <p class="right-text">这是居右对齐且加粗的蓝色文本。</p> </body>
</html>
//styles.css
/* styles.css */
body { font-family: Arial, sans-serif;
} .left-text { /* 注意这里我将类名从.center-text更改为.left-text */ text-align: left; /* 居左对齐 */ color: #0066ff; font-weight: bold;
}.center-text { text-align: center; color: #0066ff; font-weight: bold;
}.right-text { text-align: right; color: #0066ff; font-weight: bold;
}