div+css+ul+li表格 - 带着梦想飞翔 - ITeye博客

`

ahomeeye

浏览: 665434 次
性别:
来自: 广州

最近访客更多访客>>

home202

yuxin_wx

dyu2012

jayzheng1234

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

herodie4444：看起来好像不难。
Java Struts2创建Excel文件并实现文件下载
心轨翼：
Java遍历Set集合方法
魔鬼的献祭： ...
java的web开发分页工具类
Nmxszxsl：能发一个没有被墙的代码到我的邮箱吗？万分感谢。54365156 ...
Google翻译post提交无长度限制的在线翻译例子
782763595： ...
jar包混淆器介绍

div+css+ul+li表格

博客分类：

css
html

阅读更多

<!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>

<style type=text/css>
#div1 {
width: 451px;
}
#div1 ul {
width: 451px;
margin: 0px;
}

#div1 li {
float: left;
width: 149px;
height: 50px;
list-style-type: none;
border-left:#000 1px solid;
border-bottom: #000 1px solid;
text-align: center;
line-height: 50px;
}

</style>
</head>
<body>
<div id="div1">
<ul>
<li style="width:449px;height:30px;line-height:30px;float:left;border-top:#000 1px solid;border-right:#000 1px solid;">1</li>
<li>2</li>
<li>3</li>
<li style="border-right:#000 1px solid;">4</li>
<li>5</li>
<li>6</li>
<li style="border-right:#000 1px solid;">7</li>
<li>8</li>
<li>9</li>
<li style="border-right:#000 1px solid;">10</li>
</ul>
</div>
</body>
</html>

分享到：

Java多级目录的生成 | 纯div+css表格

2011-08-10 18:48
浏览 3617
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

div+css菜单生成器: 1. **菜单结构**：在HTML中，菜单通常由多个`<ul>`（无序列表）和`<li>`（列表项）元素组成，这些元素嵌套在一起形成层次结构。`<div>`元素可以作为包裹整个菜单的容器，或者用于分隔不同的菜单级别。 2. **CSS样式...

用DIV+CSS技术设计的个人网页（网页制作课作业）: 1. 头部区域（Header）：通常包含网站LOGO、导航菜单等，通过`nav`元素和`ul`、`li`元素组织结构，结合CSS实现响应式导航。 2. 主体区域（Main Content）：展示个人简介、作品集或博客文章，可以使用`section`或`...

DIV+CSS入门教程: 例如，虽然DIV是常用的布局标签，但页面中还可以包含span、p、a、ul、li等多种标签，每种标签都有其特定的功能，应根据内容需求恰当选用。 #### 知识点四：Table布局的局限性使用Table进行网页布局曾是一种普遍...

div+css模拟select: 2. **应用CSS样式**：为`div`和`ul`设置适当的宽高、边距、背景色等，用`:hover`、`:focus`伪类实现鼠标悬停和获取焦点时的样式变化。 3. **模拟下拉效果**：通过JavaScript或jQuery监听用户事件，例如点击主`div`时...

DIV+CSS网页设计: DIV标签是XHTML中众多块级元素的一种，它不是唯一的布局工具，而XHTML还包括其他许多有用的标签，比如SPAN、P、A、UL、LI等，这些标签在不同的布局场景下有不同的用途。文章指出，标准页面应该符合WEB标准，这是一...

div+css+ul-li制作横向导航栏: 在网页设计中，导航栏是页面布局的重要...总之，通过`div+css+ul-li`，我们可以轻松地创建出具有专业外观的横向导航栏。随着技术的发展，可以进一步探索更高级的布局技巧和动态效果，以满足不断进化的网页设计需求。

最经典的制作网页的教程DIV+CSS: - **不用表格的菜单（纵向）**：使用列表项（`<ul><li>`）配合CSS实现垂直导航菜单。 - **不用表格的菜单（横向）**：同样使用列表项配合浮动或flex布局实现水平导航菜单。 #### 十二、校验及常见错误 - **XHTML...

纯DIV+CSS制作的竖向三级弹出菜单代码: 知识点：纯DIV+CSS实现竖向三级弹出菜单标题与描述中提到的“纯DIV+CSS制作的竖向三级导航弹出菜单代码”是指在网页设计中，不借助JavaScript等脚本语言，仅通过HTML的`div`元素和CSS样式表来实现一个具有竖向布局...

DIV+CSS布局: 7. **更高的灵活性**：相比`<table>`布局，DIV+CSS布局提供了更多的排列组合方式，如`<ul><li>`、`<ol><li>`等。 #### 四、XHTML与HTML的区别 - **XHTML**(EXtensible HyperText Markup Language)：即可扩展超文本...

弹出菜单-div+css: - 使用`<div>`作为容器，包含一个无序列表`<ul>`，每个列表项`<li>`代表一个主菜单项。 - 每个主菜单项下还可以嵌套子菜单，同样使用`<ul>`和`<li>`表示。 2. **CSS样式详解** - **基本样式** - `.menu`: 定义...

DIV+CSS+JS树状菜单: ### DIV+CSS+JS树状菜单知识点解析 #### 一、概述在现代网页设计与开发中，构建直观且交互良好的导航系统对于提升用户体验至关重要。其中，“DIV+CSS+JS树状菜单”是一种常见的实现方式，它通过组合使用HTML结构...

DIV+CSS下拉菜单: 1. 结构层（HTML）：下拉菜单的基础是HTML代码，通常使用`<ul>`和`<li>`元素构建菜单项，其中嵌套的`<ul>`用于创建下拉部分。 2. 样式层（CSS）：CSS用于定义菜单的外观和行为，包括字体、颜色、边框、位置、浮动等...

实用div+css导航: 2. **列表元素**：HTML的`<ul>`和`<li>`标签常用于构建导航项列表。它们易于组织且可自定义样式，适合创建多级导航。 3. **悬停效果**：使用CSS的`:hover`伪类可以为鼠标悬停在导航项上时添加视觉反馈，例如改变...

DIV CSS布局教程：应用ul、li实现表格形式: 标题中的“DIV CSS布局教程：应用ul、li实现表格形式”指的是使用HTML的无序列表（`<ul>`）和列表项（`<li>`）元素，通过CSS样式来模拟传统HTML表格（`<table>`）的效果。这种方法常用于创建灵活、响应式的布局，...

三级菜单（纯DIV+CSS打造）: 在实际项目中，"三级菜单（纯DIV+CSS打造）"的实现可能涉及更多的细节，如浮动元素清除、防止点击穿透、浏览器兼容性处理等。通过深入学习和实践，你可以掌握这个技术并创造出功能强大、美观易用的网站导航菜单。在...

DIV+CSS布局大全: #### 十三、网页设计DIV+CSS——第11天: 不用表格的菜单 - **纵向菜单**：使用`<ul>`和`<li>`创建垂直菜单。 - **横向菜单**：通过CSS定位技术创建水平导航菜单。 #### 十四、网页设计DIV+CSS——第12天: 校验及...

Global site tag (gtag.js) - Google Analytics