asp.net利用母版制作页脚效果

Valencia ·

更新时间:2024-11-13

· 830 次阅读

本文为大家分享了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">
 <div>
  <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
  </asp:ContentPlaceHolder>
 </div>
 <hr />
 <!-- 页脚标签：footer -->
 <footer>
  <div style="background-color: #2A3A56; line-height: 100px; text-decoration:none">
   <div 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" />
   </div>
  </div>
 </footer>
 </form>
</body>
</html>

4.创建Default.aspx页面和 HyperLink 相关连接界面。

5.测试效果如下。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持软件开发网。

您可能感兴趣的文章:在ASP.NET 2.0中操作数据之五十一：从GridView的页脚插入新记录在ASP.NET 2.0中操作数据之十五：在GridView的页脚中显示统计信息在ASP.NET 2.0中操作数据之三：创建母版页和站点导航asp.net母版页如何使用ASP.NET母版页基础知识介绍ASP.NET中母版页和shtml实例入门ASP.Net巧用窗体母版页实例asp.net使用母版页中使用ajax脚本取数据ASP.NET下母版页和内容页中的事件发生顺序整理ASP.NET 2.0 中的创建母版页

ASP.NET 页脚 net ASP

1024 个赞