`

div+css居中

css div 
阅读更多 

<!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>div+css居中</title>
<style type="text/css">
<!--


.login_window {
width: 960px;
height: 315px;
background: #D0DEE9;
margin: 0 auto;
margin-top: 5px;
}

.logo {
width: 960px;
height: 80px;
margin: 0 auto;
}
.login_right {
height: 260px;
width: 480px;
float: right;
margin-top: 30px;
background:#009933
}
.login_left {
height: 260px;
width: 480px;
float: left;
margin-top: 30px;
background:#CC0033
}
-->
</style>
</head>

<body>
<div class="logo" >
<div class="login_left">
	此处左边
	</div>
	<div class="login_right">
	此处右边
	</div>
 
</div>
<div class="login_window" >

	<div class="login_left">
	此处左边
	</div>
	<div class="login_right">
	此处右边
	</div>

</div>
</body>
</html>



源码在附件中
  • 大小: 4.2 KB
  • div.zip (612 Bytes)
  • 下载次数: 8
0
顶
7
踩
分享到：
| start tag not closed
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    DIV+CSS简单登录界面模板

    在网页设计领域，`DIV+CSS`是一种广泛使用的布局技术，它通过定义不同的`Div`（Division，分块）元素并应用相应的`CSS`（Cascading Style Sheets，层叠样式表）样式来构建页面结构和外观。标题提到的“DIV+CSS简单...

    DIV+CSS水平垂直居中

    DIV+CSS 水平垂直居中网页学习 DIV+CSS 水平垂直居中是Web开发中一个常见的问题，如何将DIV元素水平垂直居中是一个非常重要的知识点。本文将详细介绍DIV+CSS水平垂直居中的方法和实现原理。 一、使用position:...

    DIV+CSS DIV居中布局

    本篇文章将深入探讨如何利用`DIV+CSS`实现`DIV`的居中布局。 首先，我们要理解`&lt;div&gt;`元素。`&lt;div&gt;`是“division”的缩写，代表一个区域或区块，在HTML中用于组合其他元素，是构建网页布局的基础。通过设置`&lt;div&gt;`...

    使用div+css开发个人网站毕业设计.doc

    此外，文档还提到了div+css在不同浏览器间的兼容性问题，例如div的垂直居中、margin加倍、IE浏览器特有的显示问题等，并给出了相应的解决策略。这提醒开发者在设计时需考虑跨浏览器兼容性，确保网站在各种环境下都能...

    DIV+CSS 图片垂直居中效果

    在网页设计中，"DIV+CSS 图片垂直居中效果"是一个常见的布局需求，它涉及到CSS的盒模型、定位和Flexbox或Grid等现代布局技术。以下是对这一主题的详细阐述： 1. **基础概念** - **DIV**：HTML中的`&lt;div&gt;`元素是一...

    DIV+CSS导航栏

    然后，通过CSS为`.navbar`和`.nav-item`设置相应的样式，如居中对齐、设置背景色、添加hover效果等： ```css .navbar { width: 100%; background-color: #333; text-align: center; } .nav-item { display: ...

    css,div+css

    【CSS和Div+CSS布局详解】 CSS（Cascading Style Sheets）是一种用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的样式表语言。在网页设计中，`div+css`布局是一种常见的网页布局方式，它将结构...

    Div+CSS 布局 实例 源码

    1. **基础布局概念**：了解Div如何作为容器元素，以及如何通过CSS控制其宽高、内外边距、浮动和定位等属性，实现常见的如居中、对齐、多列布局等。 2. **盒模型理解**：理解CSS盒模型，包括内容(content)、内边距...

    Div+CSS布局入门教程(一二三四)

    【Div+CSS布局入门教程详解】 Div+CSS布局是网页设计中的重要技术，它通过分离样式和内容，使得网页设计更加灵活、可维护性更强。本教程将带你一步步入门Div+CSS布局，从基础概念到实际操作，帮助你掌握这种布局...

    Div+CSS简单布局

    **Div+CSS布局详解** Div+CSS布局是网页设计中常用的一种技术，它将内容（HTML元素）与表现（样式）分离，提高了网页的可维护性和可扩展性。Div是HTML中的一个容器元素，用于组织页面结构，而CSS（Cascading Style ...

    DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器

    DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器

    Div+CSS 样式的使用演示

    例如，我们可以用以下CSS代码定义一个居中显示的div： ```css .div-center { width: 500px; margin: 0 auto; background-color: #f0f0f0; } ``` 在这个例子中，`.div-center`是div的类名，`width`定义了div的...

    适合初学者的39个div+css网页布局例子

    8. **Flexbox布局**：现代CSS布局模型，能够轻松处理各种复杂的弹性布局，如居中对齐、自适应高度等。 9. **Grid布局**：CSS Grid提供二维布局，可以方便地创建复杂的、响应式的网格系统。 通过实践这些例子，初学...

    十天学会DIV+CSS(WEB标准).doc

    《十天学会DIV+CSS（WEB标准）》是一份详细且实用的网页制作教程，旨在帮助初学者在短时间内掌握网页布局的核心技术。本教程主要围绕HTML、CSS以及WEB标准进行展开，通过十天的学习计划，逐步引导读者从基础到进阶，...

    div+css常见兼容性问题

    在网页设计中，`div+css`是一种常见的布局方式，但它也伴随着一系列的浏览器兼容性问题。这些问题主要出现在不同浏览器对CSS规范的解读和实现上存在差异，尤其是老版本的Internet Explorer（如IE6和IE7）与其他...

    div+css全套框架

    2. 居中布局（Center Alignment）：通过设置margin属性为auto，可以使Div水平居中。 3. 定位布局（Positioning）：利用position属性（static、relative、absolute、fixed），可以精确控制元素的位置，实现复杂布局...

    一个DIV+CSS+JAVASCRIPT+FLASH的简单设计网站

    《构建基于DIV+CSS+JAVASCRIPT+FLASH的简单设计网站详解》 在Web开发领域，一个优秀的网站设计不仅需要美观的界面，还需要良好的用户体验和技术支持。本篇文章将深入探讨如何利用DIV+CSS+JAVASCRIPT+FLASH技术来...

    div+css垂直居中和水平居中

    在网页设计中，实现元素的垂直居中和水平居中是一项常见的需求，这涉及到CSS布局技术。本篇文章将深入探讨如何使用div+css方法来实现这一目标。在现代Web开发中，div元素作为布局容器广泛使用，而CSS则是样式控制的...

Magicbox
Global site tag (gtag.js) - Google Analytics