asp.net 母版-页脚制作

1.母版创建流程略过。

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

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

 

3.母版页添加页脚。

 

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="SiteMaster.master.cs" Inherits="Demo170504.SiteMaster" %>

<!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="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.测试效果如下。

 

6.完。

 

posted @ 2017-05-04 15:45  孟栋sky  阅读(924)  评论(0)  编辑  收藏  举报