最近有網(wǎng)友詢問，如何在首頁把最新留言標題前的的小圓點換成其他式樣。其實這里的小圓點是用了“l(fā)i”這一個列表項目HTML代碼，這個代碼可以在后臺風格治理中定義成其它各種樣式，如實心圓、阿拉伯數(shù)字、圖像等。假如您要更改默認的小圓點效果，請進入系統(tǒng)后臺，在［系統(tǒng)設置］－［網(wǎng)站風格治理］中，添加以下風格定義：
li
{
list-style-image: url(Skin/blue/j32.gif);
}
　　li的這個定義是將列表項目使用圖片來顯示的小圓點。當然您也可以顯示成其它效果，具體請參閱下面的定義：

/* 列表項目效果的CSS定義
*list-style-type: circle;　列表項目樣式
disc : 　CSS1　實心圓
circle : 　CSS1　空心圓
square : 　CSS1　實心方塊
decimal : 　CSS1　阿拉伯數(shù)字
lower-roman : 　CSS1　小寫羅馬數(shù)字
upper-roman : 　CSS1　大寫羅馬數(shù)字
lower-alpha : 　CSS1　小寫英文字母
upper-alpha : 　CSS1　大寫英文字母
none : 　CSS1　不使用項目符號
armenian : 　CSS2　傳統(tǒng)的亞美尼亞數(shù)字
cjk-ideographic : 　CSS2　淺白的表意數(shù)字
georgian : 　CSS2　傳統(tǒng)的喬治數(shù)字
lower-greek : 　CSS2　基本的希臘小寫字母
hebrew : 　CSS2　傳統(tǒng)的希伯萊數(shù)字
hiragana : 　CSS2　日文平假名字符
hiragana-iroha : 　CSS2　日文平假名序
katakana : 　CSS2　日文片假名字符
katakana-iroha : 　CSS2　日文片假名序號
lower-latin : 　CSS2　小寫拉丁字母
upper-latin : 　CSS2　大寫拉丁字母
*list-style-image: url(Skin/sg_blue/li1.gif); 用圖像代替列表項目
*list-style-position : outside | inside
outside : 　列表項目標記放置在文本以外，且環(huán)繞文本不根據(jù)標記對齊
inside : 　列表項目標記放置在文本以內(nèi)，且環(huán)繞文本根據(jù)標記對齊
*/
li
{
list-style-image: url(Skin/blue/j32.gif);
}

　　在HTML代碼中，還有一些非凡的如水平條hr，也可以在風格治理中加上定義，以更改其默認的顯示效果：

/* 水平條效果的CSS定義
BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted;height:1;width:100%;align:left;color:#86BCD4;Shade:no; 水平條虛線效果定義一
border:1px dashed #86BCD4; height: 1; 水平條虛線效果定義二
align: center;width: 100%;height: 1;color: #86BCD4;Shade:no;SIZE=1; 水平條實線無陰影效果定義
*/
hr
{
border:1px dashed #86BCD4; height:1;
}

/* 欄目導航發(fā)光陰影效果的CSS定義，調(diào)用代碼為*** */
.Glow
{
FILTER: Glow(Color=0733B2, Strength=1) dropshadow(Color=0733B2, OffX=1, OffY=1,); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 20px
}

　　說　明：在《動易網(wǎng)站治理系統(tǒng)》中，CSS樣式風格定義是可以自己自由定義的，也說是說您可以自由添加Ｎ多個自定義的風格，然后在各頻道的版式模板中調(diào)用就行了。下面提供的是系統(tǒng)默認提供的CSS樣式風格定義，里面有具體的定義注釋，注釋標記為：/* ...... */。
　　友情提醒：修改風格設置必須具備一定網(wǎng)頁css樣式設計知識，建議您找些這方面的書看一下，在定義中也不能使用單引號或雙引號，否則會輕易造成程序錯誤。

查看更多 動易Cms教程  動易Cms模板