線上書籍

Home

[972]CSS打造XOOPS佈景

一、CSS的用法有三種(視用途不同決定) 二、CSS選擇器(適用於內嵌CSS、連結CSS)

三、CSS的單位

四、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;