asp.net页脚制作详解

125 阅读 0 评论 83 点赞

我是靠谱客的博主淡然裙子，这篇文章主要介绍asp.net页脚制作详解，现在分享给大家，希望可以做个参考。

这篇文章主要为大家详细介绍了asp.net利用母版制作页脚效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文为大家分享了asp.net利用母版制作页脚的具体过程，供大家参考，具体内容如下

1.母版创建流程略过。

2.创建母版页css：Site.css

复制代码body {
}
.linkButton{
 text-decoration:none;
 color:whitesmoke;
}1
2
3
4
5
6
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>
    <asp:HyperLink class="linkButton" ID="ConnectUs" Text="联系我们|" runat="server"></asp:HyperLink>
    <asp:HyperLink class="linkButton" ID="Statement1" Text="网站声明|" NavigateUrl="~/Admin/Statement.aspx" runat="server"></asp:HyperLink>
    <asp:HyperLink class="linkButton" ID="Statement2" Text="法律声明" NavigateUrl="~/Admin/Statement.aspx" runat="server" ></asp:HyperLink>
   </p>
  </p>

 </footer>
  
 </form>
</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!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>
登录后复制