線上書籍

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;
}