0 0

css简单问题5

怎样将6个div做成图中的样子
<html>
                <div id="first">first</div>
<div id="second">second</div>
<div id="third">third</div>
<div id="forth">forth</div>
<div id="fifth">fifth</div>
<div id="sixth">sixth</div>
</html>
图在附件中

2009年4月02日 09:27
  • 大小: 14.7 KB

3个答案 按时间排序 按投票排序

0 0

<div style="float:right;clear:left;">third</div>
<div style="float:right;clear:right;">forth</div>

第三第四个 改成这个。
刚没测试 - -~。

2009年4月02日 12:51
0 0

- -. 这个貌似有点困难。
只要用到float属性,bug就不少。

<html>
	<style>
	DIV{
		border:1px solid gray;
		width:200px;
		height:200px;
	}
	</style>
<div style="float:right;">first</div>
<div style="float:right;">second</div>
<div style="float:right;clear:left;">third</div>
<div style="float:right;">forth</div>
<div style="float:right;">fifth</div>
<div style="float:right;">sixth</div>
</html> 


大体就这样 细节自己调。~
Over

2009年4月02日 12:49
0 0

给每个div 设置高度  同时也设下行高 text-align 为center
不过缺点就是文字只能有 一行
多行文字建议用table来做

2009年4月02日 10:50

相关推荐

    css 简单例子 div css 简单例子 div

    在这个简单的例子中,我们将深入探讨如何使用CSS来控制div元素的样式,从而创建出美观且功能性的网页布局。 首先,我们需要了解`div`元素。`div`是“division”的缩写,它是一个块级元素,通常用来组织网页中的内容...

    简单的CSS模板 简单的CSS模板

    本文将详细讲解“简单的CSS模板”及其相关知识点。 首先,我们要理解CSS的基本概念。CSS通过选择器来定位网页中的元素,并应用样式规则。这些选择器可以是元素名、类名、ID名,甚至更复杂的组合。例如: ```css ...

    DIV+CSS简单登录界面模板

    标题提到的“DIV+CSS简单登录界面模板”是这种技术的一个实例,用于创建一个用户友好的登录页面。下面我们将深入探讨`DIV+CSS`布局以及如何构建这样的模板。 首先,`Div`元素是HTML中的一个块级元素,用于将内容...

    CSS简单大气按钮

    以上就是创建CSS简单大气按钮的基础知识。实际项目中,你可能还需要考虑更多细节,如按钮的激活状态、焦点状态、禁用状态等,以及与JavaScript交互实现更丰富的功能。在"css3-buttons-download"这个压缩包文件中,...

    html+css编写的简单静态页面.rar

    在这个例子中,“html+css编写的简单静态页面”很可能包含了一个基础的HTML文件,这个文件可能使用了`div`来组织页面内容,用`float`来处理元素的位置,以及用`ul`创建了某种形式的列表。同时,CSS可能被用来添加...

    html+css简单的网站模板

    这个"html+css简单的网站模板"是一个理想的学习资源,它可以帮助初学者快速理解这两种语言如何协同工作来创建静态网页。 HTML(HyperText Markup Language)是网页内容的结构化标记语言,用于定义网页的各个元素,...

    简单设计DIV+CSS模板

    本篇将围绕"简单设计Div+CSS模板"这一主题,深入探讨Div+CSS的基础概念、网页布局原理以及实例解析,帮助读者掌握这一技能,提升网页设计水平。 首先,Div+CSS的核心在于将内容(HTML)与样式(CSS)分离。Div,...

    简单的个人网页,HTML+CSS

    综上所述,这个简单的个人网页项目展示了HTML和CSS的基础应用,包括网页结构、样式设计、动态效果以及资源管理。通过这个项目,学习者可以了解并实践网页开发的基本流程,同时也能发挥自己的创意,打造个性化的网络...

    简单炫彩CSS网页模板

    【简单炫彩CSS网页模板】是一种用于快速构建网站前端界面的设计资源,其核心在于利用CSS(Cascading Style Sheets)技术来实现丰富的视觉效果和布局结构。CSS是网页设计的重要组成部分,它允许开发者分离网页的样式...

    css简单实例源代码(模板)

    "CSS简单实例源代码(模板)"是一个适合初学者和开发者快速上手的资源,它提供了直观的CSS设计模式,帮助用户理解如何将CSS应用于HTML文档中,以实现页面布局和美化。 在HTML中,`&lt;div&gt;`元素是最常用的一种结构元素...

    HTML+CSS+js,简单轮播图效果

    HTML+CSS,简单轮播图效果,中华文武的展示。HTML+CSS,简单轮播图效果,中华文武的展示。HTML+CSS,简单轮播图效果,中华文武的展示。HTML+CSS,简单轮播图效果,中华文武的展示。HTML+CSS,简单轮播图效果,中华文武的...

    简单CSS+html源码

    在"cartoon"文件中,可能包含了一些简单的CSS示例,如改变字体颜色、大小、背景色,设置边距和填充,以及调整元素的对齐方式。例如,使用`color`属性改变文字颜色,`font-size`调整字体大小,`background-color`设置...

    简单CSS调试工具v1.0

    为了帮助开发者更有效地解决这一问题,一款名为“简单CSS调试工具v1.0”的应用应运而生。 这款工具的核心设计理念是简洁易用,旨在为开发者提供一个快速定位和修复CSS问题的平台。在1.0版本中,开发者可以期待以下...

    Reset_CSS css样式重置文件

    导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的规则解释CSS,这样就能避免发生这种问题。 目前有很多...

    一个简单的后台管理系统模板 DIV+CSS

    【标题】:“一个简单的后台管理系统模板 DIV+CSS” 在IT领域,后台管理系统是任何网站或应用程序的核心组成部分,它负责处理用户不可见的数据管理和操作。这里的“一个简单的后台管理系统模板”是指设计者或开发者...

    漂亮简单的网页css按钮样式

    漂亮的CSS按钮样式单,只需要通过简单的CSS样式单,就可以实现各种样式的按钮,使用简单、方便。

    简单的CSS样式导航菜单

    本主题将深入探讨如何使用CSS(层叠样式表)来创建一个简单但功能齐全的导航菜单。我们将讨论CSS的基本概念、选择器、布局技巧以及如何实现动态效果。 首先,让我们了解CSS的基础。CSS是一种样式语言,用于描述HTML...

    一个简单的网页布局案例(DIV+CSS)

    在这个“一个简单的网页布局案例(DIV+CSS)”中,我们将深入探讨如何利用HTML的`div`元素结合CSS来构建灵活且响应式的页面布局。 `div`元素在HTML中是一个通用的容器,它可以包裹其他HTML元素,用于组织和分组内容。...

    简单的css+div网站

    【标题】:“简单的css+div网站” 在网页设计领域,CSS(Cascading Style Sheets)与div元素是构建现代网页布局的基础。这个“简单的css+div网站”项目,旨在为大学学生提供一个基础的框架,便于他们进行期末作业。...

    静态网站模板 div+css 简单静态网站

    静态网站模板用div+css做的简单静态网站 这个是最近新的 下载地址:http://download.csdn.net/source/3461634 此为静态模板,含时间(农历)显示,二级下拉弹出菜单,幻灯片播放,栏目导航切换,视频播放,图片无缝...

Global site tag (gtag.js) - Google Analytics