前臺網頁代碼：
<!--本站最新文章代碼開始-->
<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－－新一波互聯網大潮的到來" target="_blank">Web2.0－－新一波互聯網大</a> (4月12日)<br /></td></tr>……

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

2.添加風格樣式定義

　　依次點擊“系統設置”->“網站風格治理”，修改后臺網站風格，添加以下自己定義的CSS樣式定義代碼：

CSS定義： /* ******LinkA表示首頁最新文章中帶有鏈接的文字的風格樣式，帶下劃線****** */ 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;} /* ******首頁最新文章中間隔各行的風格樣式，分奇數行與偶數行****** */ .LinkAbg01 /* --奇數行文章列表內容間隔顏色的定義1-- */ { background:#E3F0FB;color:#F500D0; } .LinkAbg02 /* --偶數行欄目文章列表內容間隔顏色的定義2-- */ { background:#F6FAFE;color:#ff0000; }

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

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

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

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

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