asp.net-母版页设计

最新推荐文章于 2024-04-19 08:57:26 发布

yayun0516

最新推荐文章于 2024-04-19 08:57:26 发布

阅读量5k

点赞数 5

分类专栏： asp.net 文章标签：母版页 asp.net

本文链接：https://blog.csdn.net/yayun0516/article/details/40858091

版权

asp.net 专栏收录该内容

117 篇文章 7 订阅

订阅专栏

先引入几个图片：

母版页的.aspx代码如下：

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="A_TEST.master.cs" Inherits="A_TEST" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        #div_head{ text-align:center; background-color:Gray; height:60px;}
        #div_body{ width:750px;background-color:Green;}
        #div_left{ float:left; width:700px;background-color:Orange; height:500px;}
         #div_right{ float:right; width:200px; height:500px; background-color:Orange; }
         .clr{ clear:both;}
         #div_foot { height:50px; background-color:Olive;}
    </style>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div><div id="div_head"><h1>母版页实例</h1></div>
<div id="div_main">
<div id="div_left">
<asp:ContentPlaceHolder id="holder_main" runat="server">
        
        </asp:ContentPlaceHolder>
</div>
<div id="div_right"></div>
<div class="clr"></div>
</div>
    <div id="div_foot"></div>
        
    </div>
    </form>
</body>
</html>

默认页的.aspx代码如下：

<%@ Page Title="" Language="C#" MasterPageFile="~/A_TEST.master" AutoEventWireup="true" CodeFile="母版页练习.aspx.cs" Inherits="母版页练习" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="holder_main" Runat="Server">
</asp:Content>

显示效果如图所示：