用div+css实现table效果
2008-03-27 13:27
666 查看
<html>
<head>
<style>
ul
{
list-style: none;
margin: 0;
}
li
{
float: left;
padding: 5px;
text-align: left;
border-top: 1px solid red;
border-bottom: 1px solid red;
border-left: 1px solid red;
height: 28px;
}
.nextli
{
border-right: 1px solid red;
}
</style>
</head>
<body>
<ul>
<li>left</li>
<li>middle</li>
<li class="nextli">
<span>1</span><!-- span相当我们用的LABEL 在.net里也是代表LABEL -->
<span>2</span>
<span>3</span>
</li>
</ul>
</body>
</html>
<head>
<style>
ul
{
list-style: none;
margin: 0;
}
li
{
float: left;
padding: 5px;
text-align: left;
border-top: 1px solid red;
border-bottom: 1px solid red;
border-left: 1px solid red;
height: 28px;
}
.nextli
{
border-right: 1px solid red;
}
</style>
</head>
<body>
<ul>
<li>left</li>
<li>middle</li>
<li class="nextli">
<span>1</span><!-- span相当我们用的LABEL 在.net里也是代表LABEL -->
<span>2</span>
<span>3</span>
</li>
</ul>
</body>
</html>
相关文章推荐
- div+css实现两列table效果示例
- 关于用div实现table的效果
- [37期]DIV+CSS圆角效果的简易实现[原创]
- JS+CSS实现几个DIV层上下移动交换位置的效果
- 超经典jquery+CSS+DIV实现图片轮换效果
- CSS常用效果实现004——控制div的背景图片的长宽
- div+css table布局实现代码
- css实现类似相框的阴影div的shadow效果
- div+css实现效果和
- 用CSS+DIV实现下拉菜单效果
- CSS Div 实现舞台灯光效果
- js+css实现div遮罩层效果
- 用DIV+CSS如何实现这种表格效果
- div+css实现蓝色vista风格css导航菜单效果
- 小三角带边框带阴影的div——css实现效果
- JS+DIV+CSS实现的经典标签切换效果代码
- css实现圆角效果的div,类似9宫格
- JS实现标签页效果(配合css)不同标签下对应不同div
- js+css实现div遮罩层效果