使用DIV+CSS定义的后台管理页面

最新推荐文章于 2023-02-13 12:04:26 发布
最新推荐文章于 2023-02-13 12:04:26 发布
阅读量2.1k 收藏 2
点赞数
文章标签： div css border vbscript input class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxzmww/article/details/1801379
版权

<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#formstyle {
 width: 450px;
 margin-left: auto;
 margin-right: auto;
 border: 1px solid #0000FF;
 padding: 20px;
}
fieldset {
 border: 1px solid #0000FF;
}
fieldset legend {
 border: 1px solid #0000FF;
 font-weight: bold;
 padding-right: 15px;
 padding-left: 15px;
 padding-top: 3px;
 padding-bottom: 2px;
 margin-left: 20px;
 font-size: 12px;
}
fieldset div {
 height: 25px;
 font-size: 12px;
 padding-top: 5px;
}
fieldset label {
 float: right;
 margin-right: 180px;
}
.button {
 background-color: #33CCFF;
 border: 1px solid #3333FF;
 padding-right: 7px;
 padding-left: 7px;
 padding-top: 1px;
}
.text {
 height: 13px;
 background-color: #33CCFF;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
}

-->
</style>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<div id="formstyle">
<h5>后台管理登录</h5>
<fieldset>
<legend>用户登陆</legend>

<div>
 <label>用户名:
  <input name="textfield" type="text" class="text" size="16" />
 </label>
</div>

<div>
 <label>密码:
  <input name="textfield2" type="text" class="text" size="16" />
 </label>
</div>

<div>
 <label>
  <input name="Submit" type="submit" class="button" value="提交" />
  <input name="Submit2" type="reset" class="button" value="重置" />
 </label>
</div>

</fieldset>
</div>

</form>
</body>
</html>

CSS样式表里面同时使用了 类.标签和ID 三大分类,是学习CSS+DIV很好的例子...
 

独孤码农
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【CSS笔记】CSS实现后台管理系统主界面布局
•一个写代码的• •知识星球•https://t.zsxq.com/15rGFbGEk
08-19 2059
【CSS笔记】CSS实现后台管理系统界面。
html5&CSS实现后台管理页面
wangsijing22的专栏
01-05 5571
后台管理系统是企业级开发中必不可少的组成部分，一般来说其页面是比较简单的，包含登录页面和登录后的管理页面即可。登录之后，可以使用导航树来加载iframe嵌套其它页面。做页面也是程序员比较头疼的问题，那么我们就来看看企业级开发中后台页面的做法。我们使用HTML5/CSS3来简化开发达到清爽效果，但不太适用于IE9以下用户。     首先编写页面的基本骨架： Html代码
一个简单的后台管理系统模板 DIV+CSS
11-13
一个简单的后台管理系统模板 DIV+CSS 一个简单的后台管理系统模板 DIV+CSS
c#标签添html加属性,C#在后台程序中动态创建HTML标签(div,span,a,p等)
weixin_35286433的博客
06-04 947
案例代码如下：1，创建div、span、a标签时，核心是用了System.Web.UI.HtmlControls命名空间下的HtmlGenericControl类2，如果要创建input标签，要用HtmlInputText类HtmlGenericControl divList = new HtmlGenericControl("div");if (dsrow["ReadFlag"].ToStrin...
html5 div属性定义,html中<div>标签的用法与定义
weixin_29333353的博客
06-10 1453
定义和用法： 可定义文档中的分区或节(division/section)。 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 ，那么该标签的作用会变得更加有效。用法： 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 固有的唯一格式表现。可以通过 的 class 或 id 应用额外的样式。不必为...
css - 后台管理系统基本布局源代码，提供可运行示例（CSS实现后台管理系统主界面布局）
高级前端工程师
02-13 2534
前端后台管理的漂亮界面，css html后台管理系统基本布局，CSS布局--全屏-常见后台管理系统布局，后台管理系统长css源码，后台管理页面布局的css，后台管理系统长css源码，后台管理页面基础布局HTML+CSS，CSS 页面布局、后台管理示例，CSS 后台管理系统布局示例(上左中)，后台管理css 相关实例(示例源码，css实现后台管理系统自适应布局，后台管理页面基础布局HTML+CSS，后台系统主要布局,css实现，后台管理系统前端模板(html + CSS，后台系统主要布局,css实现，CSS布
自己写的网站后台页面
11-01
这是自己在项目中写的静态页面,看了页面机构可能对你编写静态页面布局有一定的启发，每个标签都有它的定义，网页的好坏不在于你用css+div,在于你用对标签；页面在IE 火狐 chrome中都完全兼容；有有疑问的朋友加Q：...
nitc效益型网站管理系统.NET v3.2
10-26
NITC效益型网站管理系统.NET特色1、企业网站模块：1）网站设计精美：前台页面全部采用DIV+CSS，设计严谨，布局合理，页面精美大气。2）管理操作方便：后台管理界面友好，简单易用，区别于一般CMS系统的复杂与繁琐，...
BEES开源企业网站管理系统 v1.5版
03-24
前台、后台、会员中心模板都采用DIV+CSS，兼容IE和Firefox浏览器，访问速度快。 6、支持用户反馈信息 7、SEO优化 可设置网站SEO参数及所有页面SEO信息，如关键词、页面描述等； 可全站生成静态html页面 8、输出内容...
风讯网站内容管理系统(FoosunCMS)最新官方版
04-03
支持DIV+CSS 自定义字段（新闻，商城） 全新的生成技术 全新的标签管理方式，所见即所得的标签方式 模板可视、文本编辑模式 自动发布任务管理（需要服务器安装自动刷新组件） 全新的权限、角色管理 安全日志...
城市门户2022 商业版-GBK+UTF8 discuz X模板.rar
12-01
12.全站DIY便捷编辑,90%的文字、链接、图片可通过DIY、后台修改,助力中小站长快速使用模板; 13.充足便捷的DIY广告位让站长获得更多盈利机会; 14.发布上架前经过各类主流浏览器测试均完美兼容无错;
管理页面的css样式
03-07
管理页面的css样式，有在做后台页面的看看，有其他需要的可以联系我
27款后台管理页面设计+DIV+CSS（完整版）
12-06
27款后台管理页面设计+DIV+CSS（完整版）
20多款后台管理页面设计 DIV+CSS+JS
08-12
20多款后台管理页面设计 DIV+CSS+JS，割图成html代码了，直接用就可以了。后台精美漂亮。兼容主流浏览器。
后台管理界面DIV+CSS
10-06
后台管理界面DIV+CSS 后台管理界面 后台管理界面
html/css后台模板
08-23
一个老外的后台管理模板，里面带有HTML格式页面，而且采用jquery实现，不但支持多级菜单，而且还有一个非常漂亮的模拟时钟，全部采用DIV+CSS。该模板经过W3C验证，符合web2.0/3.0标准。内容包括：html,css,images。
css实现后台管理系统自适应布局
qq_41756580的博客
10-28 2779
在制作后台管理页面的时候会遇到一个问题，就是左侧菜单栏折叠起来的时候，想要右侧的主体自动的填满左侧菜单栏收起的空白，当然这里使用js是很容易实现的，但是我们不想用js，能不能直接让css自动计算呢。 下面是实现方法： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf...
java后台管理页面_一个很不错的，代码简单的后台管理界面
weixin_35734296的博客
02-28 722
无标题文档body{font-size:12px;}ul,li,h2{margin:0;padding:0;}ul{list-style:none;}#top{width:900px;height:40px;margin:0 auto;background-color:#CCCC00}#top h2{width:150px;height:40px;background-color:#99CC00;...
很不错的后台界面收集[提供下载]
weixin_34293246的博客
11-16 217
刚刚在百度上看到了，很多都蛮好看的。呵呵... ...最近打算重整下后台界面,给用户操一个舒适,易作的空间,收集到以下模板,挺不错,供大家下载,转载请注明文章的原出处,谢谢很漂亮实用的后台模板，深蓝色风格，带登陆页面及后台操作页面，功能页面以选项卡形式打开，左边菜单效果也挺动感的，确实是个不错的后台模板。 请下载附件中的源码,不要直接复制 (已下载 419 次) 点击下...
div+css 运行环境:asp.net2.0(或以上) 后台地址:pageadmin
最新发布
08-18
Div CSS是一种用于网页布局的CSS样式，它能够将网页内容划分为不同的块，以便于设计师和开发人员进行布局和样式设置。在ASP.NET 2.0或更高版本的后台环境中，我们可以通过后台地址pageadmin来进行Div CSS的运行和管理。 首先，我们需要在ASP.NET后台地址pageadmin创建一个Div元素并为其设置一个唯一的标识符。可以使用HTML标签和CSS样式来定义Div元素的外观和布局。例如，可以设置Div的宽度、高度、背景颜色和边框样式等属性。 然后，我们可以使用ASP.NET后台代码来控制Div元素的显示和隐藏。通过后台地址pageadmin，我们可以在需要的时候通过改变Div元素的可见性属性来控制其显示或隐藏。这可以通过使用C#或VB.NET等编程语言来实现。例如，当某个事件发生时，我们可以使用后台代码来设置Div元素的可见性为true或false。 此外，通过后台地址pageadmin，我们还可以利用CSS样式表的功能来对Div元素进行动态设置和管理。我们可以在后台代码中定义CSS样式，并将其应用到Div元素上。这样，我们可以通过后台代码来动态改变Div元素的样式，例如改变其背景颜色、字体大小等。 总结来说，Div CSS在ASP.NET 2.0或更高版本的后台环境中可以通过后台地址pageadmin来运行和管理。我们可以通过后台代码来控制Div元素的显示和隐藏，并利用CSS样式表来动态设置和管理Div元素的样式。这样可以使网页的布局和样式更加灵活和可控。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值