asp.net 新聞列表樣式代碼
更新時間:2011年02月19日 18:07:02 作者:
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;}
復(fù)制代碼 代碼如下:
<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文件:
復(fù)制代碼 代碼如下:
.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;}
相關(guān)文章
那些年,我還在學(xué)習(xí)asp.net(二) 學(xué)習(xí)筆記
那些年覺得看視頻是很輕松的了解一個東西,但是這樣的不足就是感覺太慢了,沒有看書來得快,所以在有了一些了解后,還得看點書,也許書上的不一定好,但書上會把每一個應(yīng)該說到的地方說到,好有個初步的認(rèn)識2012-03-03ASP.NET Core應(yīng)用程序配置文件AppSetting.json
這篇文章介紹了ASP.NET Core應(yīng)用程序配置文件AppSetting.json,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-02-02ASP.NET?Core開發(fā)環(huán)境安裝配置
這篇文章介紹了ASP.NET?Core開發(fā)環(huán)境安裝配置,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-02-02使用vs2022在.net6中調(diào)試帶typescript的靜態(tài)頁面
這篇文章介紹了使用vs2022在.net6中調(diào)試帶typescript的靜態(tài)頁面,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-12-12.Net?Core微服務(wù)rpc框架GRPC通信基礎(chǔ)
這篇文章介紹了.Net?Core微服務(wù)rpc框架GRPC通信的基礎(chǔ)應(yīng)用,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-01-01WPF框架Prism中導(dǎo)航Navigation用法介紹
這篇文章介紹了WPF框架Prism中導(dǎo)航Navigation的用法,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-02-02