asp.net News list Style code _ Basic Application

News list:

Copy Code code as follows:

<div class= "News_list" >
<asp:repeater id= "Gsxw" runat= "Server" datasourceid= "Getnewsbytype" >
<ItemTemplate>
<ul> <li><span>
<%# Convert.todatetime (Eval ("Ntime")). ToShortDateString ()%></span><a
Href= ' newdetails.aspx? Type=<%=num%>&&id=<%# eval ("id")%>&&page=0 ' > <%# eval ("Ntitle")%></a> </li>
</ul></ItemTemplate>
</asp:Repeater>
</div>

CSS file:

Copy Code code as follows:

. news_list {width:752px; padding:10px; 10px;clear:both; line-height:170%;}
. News_list a:hover{color: #2C4900; font-weight:700;}
. news_list p {float:left; border:1px solid #e4e4e4; padding:4px; margin-right:10px;}
. news_list DL {color: #008804; line-height:25px; font-weight:700;}
. news_list dd {color: #666666; line-height:22px; text-indent:24px;}
. news_list li {color: #0F5300; line-height:28px; text-indent:5px; border-bottom:1px dashed #CFCFCF;}
. news_list a {color: #0F5300;}
. news_list span {color: #A3DC01; float:right;}