link rel="Stylesheet" type="text/css" href="~/Style/Normal.css"
link rel="Stylesheet" type="text/css" href="~/Style/LogHome.css"
==※HTML※==
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>APPA Server Information</title>
<link rel="Stylesheet" type="text/css" href="~/Style/Normal.css" />
<link rel="Stylesheet" type="text/css" href="~/Style/LogHome.css" />
</head>
<body>
<form id="form1" runat="server">
<div id="divTitle">
<h1 class="title">APPA Server Information</h1>
<h2>請 登 入</h2>
</div>
<br />
<div id="divLog">
<asp:Panel ID="pnlLogin" runat="server">
<asp:Label ID="lblUserAccount" runat="server" Text="帳號" />
<asp:TextBox ID="tbUserAccount" runat="server" Width="130px" Height="20px" Wrap="False" />
<asp:Label ID="lblPassword" runat="server" Text="密碼" />
<asp:TextBox ID="tbPassword" runat="server" Width="130px" Height="20px" TextMode="Password" Wrap="False" />
<asp:Button ID="btnLogin" runat="server" Text="登入" CssClass="smallbutton" />
</asp:Panel>
<asp:Panel ID="pnlLogout" runat="server" Visible="False" HorizontalAlign="Center" Height="30px">
<asp:Label ID="lblLogName" runat="server" />
<asp:Label ID="lblLogin" runat="server" Text="已登入" />
<asp:Button ID="btnLogout" runat="server" Text="登出" CssClass="smallbutton" />
</asp:Panel>
</div>
<br /><br />
<div id="divButtons">
<asp:Panel ID="pnlButton" runat="server" Visible="False">
<asp:Button ID="btnResearchDevelopment" runat="server" Text="研發部" Visible="True" CssClass="largebutton" />
<asp:Button ID="btnAdministrator" runat="server" Text="管理" Visible="False" CssClass="largebutton" />
</asp:Panel>
</div>
</form>
</body>
</html>
==※Normal.css※==
#form1
{
width: 1000px ;
margin: auto ;
}
h1
{
color: Blue ;
font-family: Rockwell ;
font-size: xx-large ;
font-weight: bolder ;
height: auto ;
}
h2
{
color: Blue ;
font-family: FangSong ;
font-size: large ;
font-weight: bolder ;
height: auto ;
}
.smallbutton
{
font-family: 微軟正黑體 ;
font-size: small ;
}
.largebutton
{
font-family: 微軟正黑體 ;
font-size: large ;
height: 30px ;
width: 100px ;
}
==※LogHome.css※==
div#divTitle
{
Text-align: center ;
margin: auto ;
}
div#divLog
{
text-align:center ;
margin: auto ;
}
div#divButtons
{
text-align:center ;
margin: auto ;
}