新闻发布系统登陆页

主要为前台设计,这真是一个细致活。另外用到圆角矩形制作,其实学会了也蛮简单的。

要学好后台对前台一定要有一定的了解并掌握一些相关知识。

以下为登录页代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="login" %>

<!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>
<link href="login.css" rel="stylesheet" type ="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="loginfrm">
<h3>后台登陆—新闻发布系统</h3>
<div id="login">
<img src="image/logo.png" alt ="LOGO"/>
<p>用户名:<asp:TextBox ID="txtName" runat="server" CssClass ="textbox"></asp:TextBox></p>
<p>密 码:<asp:TextBox ID="txtPwd" runat="server" TextMode ="Password" CssClass ="textbox" ></asp:TextBox></p>
<p>验证码:123456<asp:TextBox ID="txtCode" runat="server" CssClass ="textcode"></asp:TextBox></p>
<p><asp:Button ID="btnLogin" runat="server" Text="登录" /></p>
</div>
<div id="footer">
版权所有&copy;<a href ="http://www.cnblogs.com/yixinnb/">叶子</a>&amp;<a href="http://www.baidu.com" target ="_blank" >百度
</a></div>
</div>
</form>
</body>
</html>

学艺不精,仅此记录。

原文地址:https://www.cnblogs.com/yixinnb/p/3472064.html