Krilo 的筆記本

在　範本\修改HTML　中，找個地方(我放在body{之前)，加入類似下面的CSS語法：
.ks1,.ks2{
width:95%;
margin-left:auto;
margin-right:auto;
line-height:1.5em;
}

.ks1{
text-indent:1.5em;
background-color:#99FFFF;
font-style:normal;
color:#333333;
}

.ks2{
background-color:#EEEEEE;
font-style:normal;
color:#222222;
}

.ks3{
background-color:#FFFF66;
font-style:normal;
color:#222211;
}

使用方式： <p class="ks1"></p>範例：

ks1呈現結果

使用方式：<p class="ks2"></p>

範例：

ks2呈現結果

使用方式：<span class="ks3"></span>
範例：ks3 span呈現結果

若是要將相片做成拍立得的模樣, 可用下面的div語法：

<div style="border: 1px solid gray; padding: 10px 10px 20px; background: white none repeat scroll 0% 50%; width: 320px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; float: left;">圖片</div>

其中要注意：width 應該視圖片寬度做修改。