DEDECMS Dream List Page Add a separator line every n lines

This is to a friend to do the template, the use of a small technique, today just used, before I saw someone asked not to solve, today tidied up, this would like to save in their own computer, and then a think, as we share a bit, but also to weave the dream of Thanksgiving, there are good things to share.
That is, to implement every 5 lines below, display a dashed line, of course, here can be a solid line can be any other kind of line, any one color line, these lines are defined by CSS.
First:


The code is as follows:

This section is set to hide, you have replied, the following is the hidden content

{dede:arclist row=30 titlelen=50 orderby=pubdate}
<li><span>[field:stime/]</span><a href= "[field:arcurl/]" target= "_blank" >[field:title/] </a>
[Field:global name=autoindex runphp= "yes"]
if (@me%10==0) @me = "<div class=" Liehuo_line "></div>";
else @me = "";
[/field:global]
</li>
{/dede:arclist}
Note The red part is: You define the line, what kind of line, what color of the line, can be defined by their own CSS. This is just an example, please note that the <li></li> can be based on your template, choose whether or not.
Someone asked me not to use the dotted line this with the CSS definition just fine, I here to a, just an example, make what kind of dashed line, own play it:
<style type= "Text/css" >
. liehuo_line{height:1px; width:100%; border-bottom:1px dashed #000;}
</style>
<div class= "Liehuo_line" ></div>

DEDECMS Dream List Page Add a separator line every n lines