前臺網(wǎng)頁代碼：
<!--本站最新文章代碼開始-->
<table cellSpacing=0 cellPadding=0 <tr>
<td class=main_title_575><A class=class href="/Article/ShowNew.asp"><B>本站最新文章</B></A></td>
</tr>
<tr>
<td class=main_tdbg_575 vAlign=top <table cellpadding="0" cellspacing="0"><tr><td valign="top" class=""><img src="/Article/images/article_ontop7.gif"> <a class="" href="/Article/ShowArticle.asp?ArticleID=3241" title="[上海]都只要2000 三星飛利浦對轟17英寸液晶" target="_blank">[上海]都只要2000 三星飛利</a> (3月27日)<br /></td><td valign="top" class=""><img src="/Article/images/article_elite7.gif"> <a class="" href="/Article/ShowArticle.asp?ArticleID=3270" title="Web2.0－－新一波互聯(lián)網(wǎng)大潮的到來" target="_blank">Web2.0－－新一波互聯(lián)網(wǎng)大</a> (4月12日)<br /></td></tr>……

　　從前臺網(wǎng)頁代碼中可以看出，在首頁模板中文章列表并沒有受任何CSS樣式控制。

2.添加風(fēng)格樣式定義

　　依次點(diǎn)擊“系統(tǒng)設(shè)置”->“網(wǎng)站風(fēng)格治理”，修改后臺網(wǎng)站風(fēng)格，添加以下自己定義的CSS樣式定義代碼：

CSS定義： /* ******LinkA表示首頁最新文章中帶有鏈接的文字的風(fēng)格樣式，帶下劃線****** */ a.LinkA:link {color: #0000ff;text-decoration: underline;} a.LinkA:visited {color: blue;text-decoration: underline;} a.LinkA:hover{color: #ff0000;text-decoration: underline;} a.LinkA:active {color: blue;text-decoration: underline;} /* ******首頁最新文章中間隔各行的風(fēng)格樣式，分奇數(shù)行與偶數(shù)行****** */ .LinkAbg01 /* --奇數(shù)行文章列表內(nèi)容間隔顏色的定義1-- */ { background:#E3F0FB;color:#F500D0; } .LinkAbg02 /* --偶數(shù)行欄目文章列表內(nèi)容間隔顏色的定義2-- */ { background:#F6FAFE;color:#ff0000; }

　　請注重：在模板中調(diào)用參數(shù)時要注重設(shè)置ShowType參數(shù) -----顯示方式（1為普通樣式，2為表格式，3為各項(xiàng)獨(dú)立式，4為智能多列式，5為輸出DIV，6為輸出RSS ）。在網(wǎng)頁代碼中添加的CssNameA、 CssName1和 CssName2這三個自定義CSS控制參數(shù)時，設(shè)置不同的顯示方式（ShowType）參數(shù)其效果不同，這三個自定義CSS在表格式的顯示方式下效果最好。

3.添加CssNameA、 CssName1和 CssName2這三個自定義CSS控制參數(shù)

　　在風(fēng)格中添加好a.LinkA.LinkAbg01和.LinkAbg02這三個自定義CSS風(fēng)格后，可以修改模板中的文章列表標(biāo)簽（{$GetArticleList(參數(shù)列表)}），在標(biāo)簽中添加上這三個自定義CSS風(fēng)格的控制參數(shù)。

修改一：顯示方式為2（表格式）

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