ul表格制作 - 通吃互联网 - ITeye博客

`

thunderbow

浏览: 158406 次
性别:
来自: beijing

最近访客更多访客>>

zjut_wyj

cserw3c

yzl495

woodding2008

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

雷博弈：统一的认证，
单点登陆的概念
gembin：这个算法数字大点就 java.lang.StackOverfl ...
关于java递归算法
hugh.wang：
关于java递归算法
lele0103： ...
关于java递归算法
afeifqh：很好。楼主加油！
对弹出框和模式框解决的方案

ul表格制作

阅读更多

<html>
<head>
<title>test</title>
<style type="text/css">
ul{
 margin:0px;
 padding:0px;
 width:200px;
 }
ul li{
 float:left;
 list-style-type:none;
 border-top:#000 solid 1px;
                border-left:#000 solid 1px;
 width:65px;
 }
.border-r{
               border-right:#000 solid 1px;
                }
.border-b{
               border-bottom:#000 solid 1px;
                }
.border-l{
               border-right:#000 solid 1px;
               border-bottom:#000 solid 1px;
                }
</style>
</head>
<body>
<ul>
 <li> </li>
 <li> </li>
 <li class="border-r"> </li>
</ul>
<ul>
 <li> </li>
 <li> </li>
 <li class="border-r"> </li>
</ul>
<ul>
 <li> </li>
 <li> </li>
 <li class="border-r"> </li>
</ul>
<ul>
 <li class="border-b"> </li>
 <li class="border-b"> </li>
 <li class="border-l"> </li>
</ul>
</body>
</html>

分享到：

YSlow | 解析苹果谷歌伟大的基因

2008-11-19 09:35
浏览 1760
评论(0)
查看更多

评论

发表评论

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

相关推荐

ul打造表格样式: 这就是"ul打造表格样式"这个主题所探讨的内容。通过使用无序列表`<ul>`和列表项`<li>`来模拟表格，我们可以实现更为自由的CSS样式定制，同时保持内容的语义清晰。首先，我们需要理解`<ul>`和`<li>`元素的基本用法...

超简单！使用CSS制作圆角表格 3步搞定: 其中，制作圆角表格是一项常见的需求，尤其在追求现代感与用户友好体验的设计中。本文将详细介绍如何通过简单的三步骤，利用CSS来实现圆角表格的制作。 ### 第一步：设置基本CSS样式首先，我们需要定义一些基本的...

12次网页制作中上传，表格布局网页: 今天我们要讨论的是，在网页制作过程中，如何有效地掌握上传功能、布局技巧和各种元素的使用，特别是如何利用表格布局网页。首先，上传功能是网页设计中的一项基础功能，它允许用户上传文件到服务器上，从而实现...

通过css动画实现一个表格滚动轮播效果: css动画的一个应用，与此前的css走马灯同样的内容。只是一次不同的应用，具体实现如下 <ul class=header> 序号姓名年龄性别专业 </ul>

ul li内容宽度的问题的解决方案: 在网页布局中，`<ul>` 和 `<li>` 元素常常被用来创建列表，而内容宽度的问题在不同浏览器间存在兼容性差异，尤其是IE6。这个问题主要涉及到`<li>`元素的宽度自适应和跨浏览器兼容性。在IE6中，如果设置`<li>`的...

ul 1581线规电线电缆软线: 15. **热压变形中有外被的样品做管状试样的条件**：规定了有外被的样品制作管状试样的具体条件，以确保试验的有效性和可比性。 16. **Mppe-PE材质的参照**：增加了Mppe-PE材质的参照，拓展了标准的适用范围。 17. ...

利用UL、Li+CSS属性制作无表格实用菜单导航效果: 当项目列表的项目符号可以通过list-style-type设置为none时，制作各式各样的菜单、导航条成了项目列表的最大用处之一，通过各种CSS属性变换可以达到很多意想不到的导航效果。本实例效果如下图所示：建立HTML相关...

Ztree+treeTable实现 Java实现树形菜单树形表格: 你需要定义一个`ul`元素作为树的容器，并在JavaScript中设置相应的配置项，例如节点的展开/关闭行为、节点点击事件等。同时，你需要为每个节点提供ID、父ID、名称等属性，形成JSON数据结构，供Ztree解析。 2. **...

如何用angularjs制作一个完整的表格: 在本文中，我们将探讨如何使用AngularJS来创建一个完整的表格。AngularJS是一个强大的JavaScript框架，它简化了数据绑定和交互式Web应用的开发。在这个示例中，我们结合了Bootstrap的样式来提升表格的视觉效果，并...

css制作有立体效果的表格: 下面我们将深入探讨如何使用CSS来制作一个具有立体感的表格。首先，让我们解析给定的CSS代码片段： ```css .aa { margin: 100px; } ul { width: 80px; float: left; margin: 0px; } .aa li a { border: 1...

HTML网页制作自制LOL页面（导航栏，小特效等等）.zip: 然后，通过`<ul>`和`<li>`标签创建无序列表，每个`<li>`代表一个导航链接。为了让导航栏更美观，可以添加CSS（Cascading Style Sheets）样式，比如设置背景色、文字颜色、浮动效果以及响应式布局，以适应不同屏幕...

网页制作 PPT教程: 此外，教程可能还会涉及表格的创建，使用、、和等标签，以及如何创建表单以收集用户信息，使用、、等元素。表单是网页交互的重要组成部分，常用于登录、注册、调查问卷等场景。对于进阶学习者，教程可能会涵盖...

第二部分列表与表格1.doc: 在网页设计中，列表和表格是两种非常重要的元素，它们用于组织和呈现信息。本教程主要关注HTML中的列表和表格的使用，适用于网页设计初学者和爱好者，也适合作为教师的教学材料或从业人员的参考。首先，我们来看...

ul和li 基本用法分析: 6. **制作简单表格**： - 通过设置`<ul>`和`<li>`的宽度，可以模拟简单的表格布局。例如，若`<ul>`宽度为300px，每个`<li>`宽度为100px，则会形成3列的布局。 - 示例： ```css ul { width: 300px; } li { ...

第二部分列表与表格2.doc: HTML是用于创建网页的标准标记...通过练习，如制作树形菜单、模拟考试试卷和易趣商品列表，你可以深入理解并熟练运用这些HTML元素。记住，实践是检验学习成果的最好方式，不断练习和实验，你的网页设计技能将日益精进。

网页制作常用知识（《网页制作与网站建设（何秀芳）》）: 3. 表格和列表：`<table>`、`<tr>`、`<td>`用于表格，`<ul>`、`<ol>`和`<li>`用于无序和有序列表。 4. 图像和多媒体：`<img>`插入图片，`<audio>`和`<video>`处理音频和视频。二、CSS（层叠样式表） CSS是用于控制...

网页制作完全手册.rar: `<h1>`到`<h6>`用于创建标题，`<p>`表示段落，`<a>`创建超链接，`<img>`插入图像，`<ul>`和`<ol>`定义无序和有序列表，以及`<table>`构建表格等。理解并熟练使用这些标签是制作静态网页的关键。 CSS（Cascading ...

Global site tag (gtag.js) - Google Analytics