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)

:::

搜尋

進階搜尋

QR Code 區塊

https%3A%2F%2Fwww.tad0616.net%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D68

快速登入

書籍目錄

展開 | 闔起

線上使用者

65人線上 (23人在瀏覽線上書籍)

會員: 1

訪客: 64

tad,

更多…

MarkDown

搜尋

QR Code 區塊

快速登入

書籍目錄

線上使用者