ホームページ > バックエンド開発 > C#.Net チュートリアル > asp.netフッター制作の詳しい説明

asp.netフッター制作の詳しい説明

巴扎黑
リリース: 2017-08-14 13:25:59
オリジナル
1608 人が閲覧しました

この記事では、ASP.NET がマスターを使用してフッター効果を作成する方法について詳しく紹介します。興味のある方は参考にしてください。

この記事では、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">
 <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>
ログイン後にコピー

4. Default.aspx ページと HyperLink 関連の接続インターフェイスを作成します。

5. テスト結果は以下の通りです。

以上がasp.netフッター制作の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート