服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - ASP.NET教程 - asp.net 新闻列表样式代码

asp.net 新闻列表样式代码

2019-09-12 11:39asp.net教程网 ASP.NET教程

asp.net下新闻列表样式显示代码,使用Repeater控件。

新闻列表: 

复制代码代码如下:


<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文件: 

复制代码代码如下:


.news_list { width:752px; padding:10px 10px;clear:both; padding:0px; 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;} 

延伸 · 阅读

精彩推荐