asp.net 新聞列表樣式代碼
更新時(shí)間: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;}
您可能感興趣的文章:
- php jquery 實(shí)現(xiàn)新聞標(biāo)簽分類與無(wú)刷新分頁(yè)
- 基于jquery的滾動(dòng)新聞列表
- 仿網(wǎng)易新聞客戶端頭條ViewPager嵌套實(shí)例
- 簡(jiǎn)單的php新聞發(fā)布系統(tǒng)教程
- Python采集騰訊新聞實(shí)例
- Android項(xiàng)目實(shí)戰(zhàn)之仿網(wǎng)易新聞的頁(yè)面(RecyclerView )
- Android實(shí)現(xiàn)仿網(wǎng)易新聞主界面設(shè)計(jì)
- Android高仿京東垂直循環(huán)滾動(dòng)新聞欄
- 基于PHP后臺(tái)的Android新聞瀏覽客戶端
- Android打造屬于自己的新聞平臺(tái)(客戶端+服務(wù)器)
相關(guān)文章
那些年,我還在學(xué)習(xí)asp.net(二) 學(xué)習(xí)筆記
那些年覺(jué)得看視頻是很輕松的了解一個(gè)東西,但是這樣的不足就是感覺(jué)太慢了,沒(méi)有看書來(lái)得快,所以在有了一些了解后,還得看點(diǎn)書,也許書上的不一定好,但書上會(huì)把每一個(gè)應(yīng)該說(shuō)到的地方說(shuō)到,好有個(gè)初步的認(rèn)識(shí)2012-03-03ASP.NET Core應(yīng)用程序配置文件AppSetting.json
這篇文章介紹了ASP.NET Core應(yīng)用程序配置文件AppSetting.json,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-02-02ASP.NET?Core開發(fā)環(huán)境安裝配置
這篇文章介紹了ASP.NET?Core開發(fā)環(huán)境安裝配置,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-02-02使用vs2022在.net6中調(diào)試帶typescript的靜態(tài)頁(yè)面
這篇文章介紹了使用vs2022在.net6中調(diào)試帶typescript的靜態(tài)頁(yè)面,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-12-12.Net?Core微服務(wù)rpc框架GRPC通信基礎(chǔ)
這篇文章介紹了.Net?Core微服務(wù)rpc框架GRPC通信的基礎(chǔ)應(yīng)用,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-01-01WPF框架Prism中導(dǎo)航Navigation用法介紹
這篇文章介紹了WPF框架Prism中導(dǎo)航Navigation的用法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-02-02