怎樣讓字居中
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>改變html樣式</title>
</head>
<body>
<h1 id="con">這是一首簡單的小情歌</h1>
<script type="text/javascript">
var char=document.getElementById("con");
char.style.color="black";
char.style.backgroundColor="red";
char.styke.fontsize="25px";
char.style.width="100px";
char.style.margin="auto";
</script>
</body>
</html>
2016-11-21
補充上面回答的問題，沒看清楚您問的是字體居中，以下是效果和代碼，望采納：
2016-11-21
您寫的源碼有一個style寫錯了，所以下面的屬性沒執行，其實您的效果已經居中了
代碼：
效果：
2016-11-19
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
??? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
??? <title>練習頁面</title>
??? <script type="text/javascript" src="jQuery/jquery.js"></script>
??? <style type="text/css">
??????? * {
??????????? margin: 0px;
??????????? padding: 0px;
??????? }
//加個css樣式就好了
??????? h1 {
??????????? text-align: center;
??????? }
??? </style>
??? <script> ?
??? </script>
</head>
<body>
??? <h1 id="con">這是一首簡單的小情歌</h1>
??? <script type="text/javascript">
??????? var char = document.getElementById("con");
??????? char.style.color = "black";
??????? char.style.backgroundColor = "red";
??????? char.styke.fontsize = "25px";
??????? char.style.width = "100px";
??????? char.style.margin = "auto";
??? </script>
</body>
</html>