今天学习了主题的简单应用，下面就来看看我的小成果吧
<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"/>     
<asp:RadioButton runat="server" Text="系统管理" GroupName="1" />
</td></tr>
<tr align="left"><td>
  姓 名：<asp:TextBox runat="server" Width="200px"/>
</td></tr>
<tr align="left"><td>
  密 码：<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>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
