asp.net 新闻列表样式代码
asp.net 新闻列表样式代码
发布时间:2016-12-29 来源:查字典编辑
摘要:新闻列表:复制代码代码如下:·css文件:复制代码代码如下:.news_list{width:752px;padding:10px10px;...

新闻列表:

复制代码 代码如下:

<div>

<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;}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新asp.net教程学习
热门asp.net教程学习
编程开发子分类