欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-22 11:29:22
本文为大家分享了asp.net利用母版制作页脚的具体过程,供大家参考,具体内容如下 1.母版创建流程略过。 2.创建母版页css:site.css body...

本文为大家分享了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利用母版制作页脚效果

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