首頁  >  文章  >  後端開發  >  .net透過母版實現頁尾效果代碼實例

.net透過母版實現頁尾效果代碼實例

Y2J
Y2J原創
2017-05-11 10:17:381217瀏覽

這篇文章主要為大家詳細介紹了asp.net利用母版製作頁腳效果,具有一定的參考價值,有興趣的小夥伴們可以參考一下

#本文為大家分享了asp .net利用母版製作頁腳的具體流程,供大家參考,具體內容如下

1.母版創建流程略過。

2.建立母版頁css:Site.css

body {
}
.linkButton{
 text-decoration:none;
 color:whitesmoke;
}

3.母版頁新增頁尾。

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <title></title>
 <asp:ContentPlaceHolder ID="head" runat="server">
 </asp:ContentPlaceHolder>
   <!-- 引用指定css文件 -->
 <link href="Css/Site.css" rel="external nofollow" rel="stylesheet" type="text/css"/>
</head>
<body>
 <form id="form1" runat="server">
 <p>
  <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
  
  </asp:ContentPlaceHolder>
 </p>
 <hr />
 <!-- 页脚标签:footer -->
 <footer>
  <p style="background-color: #2A3A56; line-height: 100px; text-decoration:none">

   <p style="text-align:center" >
    <asp:HyperLink class="linkButton" ID="AboutUs" Text="关于我们|" runat="server"/>
    <asp:HyperLink class="linkButton" ID="ConnectUs" Text="联系我们|" runat="server"/>
    <asp:HyperLink class="linkButton" ID="Statement1" Text="网站声明|" NavigateUrl="~/Admin/Statement.aspx" runat="server"/>
    <asp:HyperLink class="linkButton" ID="Statement2" Text="法律声明" NavigateUrl="~/Admin/Statement.aspx" runat="server" />
   </p>
  </p>

 </footer>
  
 </form>
</body>
</html>

4.建立Default.aspx頁面和 HyperLink 相關 連線介面。

5.測試效果如下。

【相關推薦】

1. ASP.NET免費影片教學

2. ASP.NET教學

3. 極客學院ASP.NET影片教學

#

以上是.net透過母版實現頁尾效果代碼實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn