`

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+ul-li制作横向导航栏

    div+css+ul-li制作横向导航栏，简洁清楚。原理清楚，适合学习。

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

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

    DIV+CSS+JS二级树型菜单，ul li展开后刷新无影响

    二级菜单，不论展开几个栏目，刷新不影响，原作中#nav li的背景色和背景图片分开写了，造成背景色不生效，本人已修正！绝对超级完美，并且都有注释哦~

    制作div+css带箭头的新闻list模块

    制作div+css带箭头的新闻list模块 .list li span{ float: right;/*使span元素浮动到右面*/ text-align: right;/*日期右对齐*/ padding: 6px 0px 4px 15px; font-size:13px; } .list li a:hover{ color: #...

    web前端加众多css、jQuery还有js的作业 静态网站的编写主要是用HTML DIV+CSS JS等来完成页面的排版设计

    遇到网页设计问题的童鞋也可以提问，这些年总结了一些学生网页制作的经验:一般的网页作业需要融入以下知识点: div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频视频Flash的应用、ul li、下拉...

    纯DIV+CSS网页示例

    而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。 12.另外如果你不是javascrput的高手，你可以不必去写ID，只用class就可以。当客户端程序员写完程序，需要调整时候，你可以在利用...

    Div+CSS多列布局方法

    .myDiv ul li{ width:100px; float:left; border-right:1px solid #000; height:30px} .myDiv1{ width:300px; border:1px solid #000;border-bottom:0; height:90px} .myDiv1 ul{ width:300px; list-style:none; ...

    DIV+CSS 兼容小集

    关于div+css兼容IE和firefox的问题 好不容易建立的div+css网页完全符合W3C标准。在ie7下显示非常完美，用firefox一测试，乖乖一探糊涂 惨不忍睹。经过一番研究发现兼容很 简单。 1、增加 div {overflow: hidden;}...

    div+css有实例,易学易懂

    div+css有实例,易学易懂第1 章 Web 标准布局的本质 第8 页 1.1 为什么要建立Web 标准 1.1.1 建立Web 标准的目的 1.1.2 使用Web 标准的好处 1.2 什么是Web 标准 1.3 内容、结构和表现 1.4 两种思考方式 1.5 Web 标准...

    27款后台管理页面设计_DIV+CSS.part123全.rar

    "&gt;&lt;div id="Bf080" class="left02down01_img"&gt;&lt;/div&gt;用户信息查询&lt;/a&gt;&lt;/div&gt; &lt;div class="left02down01_xia noneBox" id="Bli080"&gt; &lt;ul&gt; &lt;li id="f010"&gt;&lt;a href="#"&gt;&middot;精确查询&lt;/a&gt;&lt;/li&gt; &lt;li id="f011"&gt;...

    给大家提供一个div+css的标准网页模板

    #sidebar li ul { margin: 15px 15px 25px 15px; } #sidebar li li { font-size: 11px; } #sidebar h2 { height: 27px; margin: 0px; padding: 3px 0px 0px 15px; background: url(images/img04.gif) no-repeat left...

    淘宝首页web前端课设（HTML+css+js）

    用到的知识点主要有html课程种常见的标签，span、ul li、a、img、span、div等标签。css样式修饰用到最多的是绝对定位和相对定位，边框修饰，文字修饰，颜色美化等。js用了100多行代码做了一个轮播图效果。 简单总结...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    站长推荐全新兼容DIV+CSS版中国地图 JS+DIV+CSS支持热点效果的中国地图 16.支持4级树形 展开菜单插件dTree原版下载 2)JQuery Tab 1.jQuery.Switchable常见网页UI组件(整合Tabs、Slide、Scrollable等插件) 2....

    H5+CSS3.zip

    列表标签：使用&lt;ul&gt;&lt;li&gt;实现无序列表，使用&lt;ol&gt;&lt;li&gt;实现有序列表； 使用标签添加图片，使用标签添加链接，使用table添加表格，使用thead、tbody、tfood定义表格； 表单标签：使用创建表单，文本输入框，密码输入框，...

    div+css布局中选择使用html标签的方法

    2、列表型布局（使用ul li标签）遇到图片列表、文章标题列表，通常使用ul li列表标签进行布局。当然使用这些标签时要进行设置需要CSS样式达到布局效果。这样程序调用数据时候更容易做循环内容。 3、标题型布局（使用...

    HTML+CSS+JavaScript通过嵌套ul li实现简单的二级菜单

    复制代码代码如下: HTML网页如下：(通过嵌套的&lt;ul&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;)(兼容IE6-9,... &lt;div id=”menu”&gt; &lt;ul&gt; &lt;li&gt;相关法规&lt;/a&gt; &lt;ul id=”rule”&gt; &lt;li&gt;&lt;a&gt;Adobe Reader&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a&gt;Foxit Reader&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;

    css控制UL LI 的样式详解(推荐)

    DIV+CSS里，我们用得最多的就是ul li来显示数据，如新闻按钮等。下面给大家一个css ul li的例子供学习

    div ul li排列图片的样式

    div ul li排列图片的样式 css + div

    将ul+li 分两列显示(横向显示)的方法

    目的很简单：有一个 ul&gt;li 列表，默认为单列显示，把它变为两列显示。 方法1，使用DIV+CSS代码： 复制代码代码如下: &lt;... &lt;div&gt; &lt;ul&gt; &lt;li&gt;ABC&lt;/li&gt; &lt;li&gt;ABC&lt;/li&gt; &lt;li&gt;ABC&lt;/li&gt; &lt;li&gt;ABC&lt;/li&gt; &lt;li&gt;ABC&lt;/li&gt;

    div+css布局必了解的列表元素ul ol li dl dt dd详解

    dt 和dd中可以再加入 ol ul li和p，理解这些以后，在使用div布局的时候，会方便很多，其实w3c提供了很多元素辅助布局都是有它的用处的，而不尽是div。

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