一，效果圖。html
二，代碼。post
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS id和class選擇器</title> <style> #para1 { text-align: center; color: red; } .center { text-align: center; } p.center { text-align: right; } </style> </head> <body> <p id="para1">hello</p> <p>this paragraph is not affected by the style.</p> <h1 class="center">標題居中</h1> <p class="center">段落居中</p> </body> </html>
參考資料：《菜鳥教程》this