主题应用

最新推荐文章于 2024-09-18 15:14:00 发布

iteye_3606

最新推荐文章于 2024-09-18 15:14:00 发布

阅读量129

点赞数

文章标签： xhtml c#

今天学习了主题的简单应用，下面就来看看我的小成果吧

<asp:Image runat="server" skinid="top" ImageUrl="~/images/AdminLogin_top.png"/>
<asp:Image runat="server" skinid="left" ImageUrl="~/images/AdminLogin_left.png"/>
<asp:Image runat="server" skinid="right" ImageUrl="~/images/AdminLogin_right.png"/>

body {
}
.content
{
width:950px;
margin:0 auto;
}
.AdminLogin_top
{
width:950px;
height:298px;
}
.main
{
width:950px;
height:428px;
float:left;
}
.main-left
{
height:428px;
width:265px;
float:left;
}
.main-center
{
height:428px;
width:387px;
float:left;
}
.main-right
{
width:298px;
height:428px;
float:left;
}

<%@ Page Language="C#" StylesheetTheme="Theme1" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>
<link href="App_Themes/Theme1/StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div class="content">
<div class="AdminLogin_top">
<asp:Image runat="server" SkinID="top"/>
</div>
<div class="main">
<div class="main-left">
<asp:Image ID="Image1" runat="server" SkinID="left"/>
</div>
<div class="main-center" style="background-image:url('images/AdminLogin_center.png')">
<table style="margin-top:5px;width:387px;text-align:center">
<tr><td>
<asp:RadioButton runat="server" Text="考试管理" GroupName="1"/>&nbsp&nbsp&nbsp&nbsp&nbsp
<asp:RadioButton runat="server" Text="系统管理" GroupName="1" />
</td></tr>
<tr align="left"><td>
&nbsp&nbsp姓名：<asp:TextBox runat="server" Width="200px"/>
</td></tr>
<tr align="left"><td>
&nbsp&nbsp密码：<asp:TextBox ID="TextBox1" runat="server" Width="200px"/>
</td></tr>
<tr></tr>
</table>
<div style="margin-top:73px;margin-left:10px;">
<asp:ImageButton runat="server" ImageUrl="~/images/loginbtn.png"/>
</div>
</div>
<div class="main-right">
<asp:Image ID="Image3" runat="server" SkinID="right"/>
</div>
</div>
</div>
</form>
</body>
</html>