注釋：下面代碼藍色部分可以自己修改，其他的如果更改可能造成樣式無效！
http://www.blogcup.com/read_dicky_5345.html
加粗部分就是列表的圖片地址，如果您想更換圖片，請先上傳好大小適合的小圖標（png\gif格式）然后對應修改下面加粗部分的代碼，就可以更換了。

?

<style?type="text/css">
<!--
/**//*--------自定義列表樣式開始--------*/
/**//*--------@?評論列表樣式定義--------*/
#show_comment?li?{}{list-style-image:?url(../resources/icons/chat.png);margin:?10px?0px?0px?-30px;}
/**//*--------@?專題分類列表樣式定義--------*/?
#show_sort?li?{}{margin:?10px?0px?0px?-25px;list-style-image:?url(../resources/icons/plusfav.gif);}
/**//*--------@?最新留言信息列表樣式定義--------*/?
#show_message?li?{}{list-style-image:?url(../resources/icons/forum.gif);margin:?10px?0px?0px?-30px;}
/**//*--------@?最新blog文章列表樣式定義--------*/?
#show_newblog?li?{}{list-style-image:?url(../resources/icons/deviation.gif);margin:?10px?0px?0px?-30px;}
/**//*--------@?blog信息列表樣式定義--------*/?
#show_bloginfo?li?{}{margin:0px?0px?0px?-40px;}
/**//*--------@?日歷鏈接移過效果--------*/?
#calender?a:hover{}{color:?#333;background-color:?#fff;}
/**//*--------@?日歷有日志的日期鏈接效果--------*/?
.calender_link?{}{color:?#333;background-color:?#D3D9E4;height:?100%;width:?100%;border:?1px?solid?#999;font-weight:?bold;display:block;}
/**//*--------@?日歷今天日期的效果--------*/?
.calender_today?{}{border:?1px?solid?#FF6600;font-weight:?bold;text-decoration:?blink!important;text-decoration:none;}
/**//*--------自定義列表樣式結束--------*/
-->
</style>?

?

<style type="text/css">
<!--
/*--------自定義列表樣式開始--------*/
/*--------@ 評論列表樣式定義--------*/
#show_comment li {list-style-image: url(../resources/icons/chat.png);margin: 10px 0px 0px -30px;}
/*--------@ 專題分類列表樣式定義--------*/
#show_sort li {margin: 10px 0px 0px -25px;list-style-image: url(../resources/icons/plusfav.gif);}
/*--------@ 最新留言信息列表樣式定義--------*/
#show_message li {list-style-image: url(../resources/icons/forum.gif);margin: 10px 0px 0px -30px;}
/*--------@ 最新blog文章列表樣式定義--------*/
#show_newblog li {list-style-image: url(../resources/icons/deviation.gif);margin: 10px 0px 0px -30px;}
/*--------@ blog信息列表樣式定義--------*/
#show_bloginfo li {margin:0px 0px 0px -40px;}
/*--------@ 日歷鏈接移過效果--------*/
#calender a:hover{color: #333;background-color: #fff;}
/*--------@ 日歷有日志的日期鏈接效果--------*/
.calender_link {color: #333;background-color: #D3D9E4;height: 100%;width: 100%;border: 1px solid #999;font-weight: bold;display:block;}
/*--------@ 日歷今天日期的效果--------*/
.calender_today {border: 1px solid #FF6600;font-weight: bold;text-decoration: blink!important;text-decoration:none;}
/*--------自定義列表樣式結束--------*/
-->
</style>

只要將修改好的代碼粘貼到你的模板源代碼最開頭處，就可以實現更換了，Have a try!

！！注意，只需要粘貼自己有修改的部分，其他沒有修改的可以刪除，系統已經默認具有樣式了！！

注意保留以下格式

<style type="text/css">
<!--
你修改的部分
-->
</style>

轉載于:https://www.cnblogs.com/leave/archive/2005/04/13/136800.html

總結

以上是生活随笔為你收集整理的改变图标！用户自定义列表样式css说明(http://www.blogcup.com/read_dicky_5345.html)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。