一聚教程网:一个值得你收藏的教程网站

asp.net中使用母版制作出的页脚效果

时间:2017-05-17 00:00:00 编辑:简简单单 来源:转载

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

1.母版创建流程略过。

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

 

 代码如下

body {

}

.linkButton{

 text-decoration:none;

 color:whitesmoke;

}

 

3.母版页添加页脚。

 

 代码如下

<!DOCTYPE html>

 

<htmlxmlns="http://www.w3.org/1999/xhtml">

<headrunat="server">

<metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>

 <title></title>

 <asp:ContentPlaceHolderID="head"runat="server">

 </asp:ContentPlaceHolder>

  <!-- 引用指定css文件 -->

 <linkhref="Css/Site.css"rel="external nofollow"rel="stylesheet"type="text/css"/>

</head>

<body>

 <formid="form1"runat="server">

 <div>

  <asp:ContentPlaceHolderID="ContentPlaceHolder1"runat="server">

   

  </asp:ContentPlaceHolder>

 </div>

 <hr/>

 <!-- 页脚标签:footer -->

 <footer>

  <divstyle="background-color: #2A3A56; line-height: 100px; text-decoration:none">

 

   <divstyle="text-align:center">

    <asp:HyperLinkclass="linkButton"ID="AboutUs"Text="关于我们|"runat="server"/>

    <asp:HyperLinkclass="linkButton"ID="ConnectUs"Text="联系我们|"runat="server"/>

    <asp:HyperLinkclass="linkButton"ID="Statement1"Text="网站声明|"NavigateUrl="~/Admin/Statement.aspx"runat="server"/>

    <asp:HyperLinkclass="linkButton"ID="Statement2"Text="法律声明"NavigateUrl="~/Admin/Statement.aspx"runat="server"/>

   </div>

  </div>

 

 </footer>

   

 </form>

</body>

</html>

 

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

5.测试效果如下。

asp.net中使用母版制作出的页脚效果

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

文章评论

热门栏目