您现在的位置：首页 >> 前端 >> 内容

css创意ul+li实现的细线表格实现代码

时间：2008/8/3 1:26:32 点击：

　　核心提示：write by 阿会楠环境：IE7+IE6#ulDate{ width:404px; margin:0; border-top:1px solid #cccccc; border-left:1px...

<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>write by 阿会楠 环境：IE7+IE6</title> 
<style type="text/css"> 
#ulDate{ 
    width:404px; 
    margin:0; 
    border-top:1px solid #cccccc; 
    border-left:1px solid #cccccc; 
} 
#ulDate li{ 
    float:left; 
    width:100px; 
    height:30px; 
    list-style-type:none; 
    border-right:1px solid #cccccc; 
    border-bottom:1px solid #cccccc; 
    /*非必须*/ 
    line-height:30px; 
    font-size:12px; 
    text-align:center; 
     
} 
</style> 
</head>

<body> 
<ul id="ulDate"> 
<li style="width:403px;background:#F7F7FF;text-align:center;">时间</li> 
<li>2008-7-30</li> 
<li>2008-7-30</li> 
<li>2008-7-30</li> 
<li>2008-7-30</li> 
<li>2008-7-30</li> 
<li>2008-7-30</li> 
<li>2008-7-30</li> 
<li>2008-7-30</li> 
<li>2008-7-30</li> 
<li>2008-7-30</li> 
<li></li> 
<li></li> 
</ul> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Tags:CS SS S创创意

作者：佚名　来源：网络

上一篇：css层固定位置练习

下一篇：div层跨越iframe帧显示在上面的解决方法附代码

本类热门

06-26·Leaflet加载GeoServer发布的WMTS地图服务（代码实例）
04-12·百度地图只显示道路,不显示建筑的实现方法
04-19·could not initialize Proxifier kext问题记录
03-02·Echartstooltip自定义formatter设置字体颜色
05-28·iview Tooltip换行及渲染的解决方案
06-19·如何快速获取WWDC2013的所有视频及文档
06-29·百度地图创建标注标签maker与Label的实战教程
06-26·Swiper自动滚屏错位问题的解决办法
05-17·webpack4.x打包图片时报错如何解决？
09-05·HTML常用组件——轮播组件

本类推荐

没有

本类固顶

没有

易笔记(art.yibiji.com) © 2025 版权所有 All Rights Reserved.
本站部分内容收集于互联网若有侵权请联系站长删除鄂ICP备18030946号-1