新闻发布系统登陆页
主要為前臺設計,這真是一個細致活。另外用到圓角矩形制作,其實學會了也蠻簡單的。
要學好后臺對前臺一定要有一定的了解并掌握一些相關知識。
以下為登錄頁代碼:
<%@ 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">
版權所有©<a href ="http://www.cnblogs.com/yixinnb/">葉子</a>&<a href="http://www.baidu.com" target ="_blank" >百度
</a></div>
</div>
</form>
</body>
</html>
學藝不精,僅此記錄。
轉載于:https://www.cnblogs.com/yixinnb/p/3472064.html
總結
- 上一篇: Linux常用工具小结:(2) Mysq
- 下一篇: 商务数据分析与应用学习笔记