Tad 教材網 - 線上書籍

:::

\[972\]CSS打造XOOPS佈景
===================

### [![](http://tad0616.net/uploads/dl.gif)](http://120.115.2.76/tad/tad_book3/file/bluefish/02.zip)一、CSS的用法有三種（視用途不同決定） ![](file:///C:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/moz-screenshot-11.jpg)![](http://tad0616.net/uploads/tad_book3/image/02/0201.PNG)

### 二、CSS選擇器（適用於內嵌CSS、連結CSS）

![](http://tad0616.net/uploads/tad_book3/image/02/0202.PNG)

### 三、CSS的單位

![](http://tad0616.net/uploads/tad_book3/image/02/0203(1).png)

### 四、CSS技巧

1.格式化您的網頁

2.讓背景置中，並垂直延伸 
 background-image: url(bg.png); 
 background-position: center; 
 background-repeat: repeat-y;

3.加上標題背景顏色及改變位置 
 color: gray; 
 background-color: #ECECEC; 
 padding:4px 20px; 
 margin-bottom:50px;

4.設定段落行高，並改變段落文字顏色 
 line-height: 2.2em; 
 color:#404040;

5.加上每行的底線（利用span為in-line的特性達成） 
 border-bottom: 1px dotted #99CC00; 
 font-size:0.8em; 
 padding-left:2em; 
 padding-bottom:4px;

![](http://tad0616.net/uploads/tad_book3/image/02/0204.PNG)

:::