12. [補充]常用CSS語法

1. 設定背景，讓背景圖置中，和邊框緊密結合，且僅垂直重複：
body {
margin: 0;
padding: 0;
background-image: url(images/bg.png);
background-repeat: repeat-y;
background-position: center top;
background-color: #f2f2f2;
}

2. 設定<div>中文字大小、段落行高，並改變段落文字顏色
div {
font-size:12px;
line-height: 2.2em;
color:#404040;
}

3. 設定<div>使之置中，並設定其寬度、高度，並加上外框
div {
margin:4px auto;
width:250px;
height:200px;
border:1px solid gray;
}

4. 設定<table id="msg">使之擁有細線框，文字離邊框4px，並自動決定寬度
table#msg {
width:auto;
border:1px solid gray;
border-collapse: collapse;
}

table#msg td{
border:1px solid gray;
font-size:12px;
padding:4px;
line-height: 1;
}

5. 讓表格標題內的文字垂直至中技巧，並加上背景圖
table#msg caption{
height:50px;
line-height:50px;
lbackground-color: rgb(153,204,255);
background-image: url(images/bg1.png);
background-repeat: no-repeat;
background-position: right top;
}

6. 設定連結，去除底線，滑鼠移過時，文字變紅色
a {
text-decoration:none;
color:gray;
}

a:hover {
color:red;
}