`

div+css+ul+li表格

htmlcss 
阅读更多 

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

分享到：
| 纯div+css表格
评论
发表评论

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

相关推荐

    div+css菜单生成器

    1. **菜单结构**：在HTML中，菜单通常由多个`&lt;ul&gt;`（无序列表）和`&lt;li&gt;`（列表项）元素组成，这些元素嵌套在一起形成层次结构。`&lt;div&gt;`元素可以作为包裹整个菜单的容器，或者用于分隔不同的菜单级别。 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制作的竖向三级弹出菜单代码

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

    DIV+CSS布局

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

    弹出菜单-div+css

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

    DIV+CSS+JS树状菜单

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

    DIV+CSS下拉菜单

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

    实用div+css导航

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

    DIV CSS布局教程：应用ul、li实现表格形式

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

    三级菜单（纯DIV+CSS打造）

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

    DIV+CSS布局大全

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

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