页面导航：首页 → 网络编程 → CSS/HTML → 经验交流 → 正文内容 css 细线表格

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

发布：dxy 字体：[增加减小] 类型：转载

非常用创意的用ul+li实现的细线表格效果，不用table

点击运行可以看到效果:

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

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：css ul li 细线表格

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：div层跨越iframe帧显示在上面的解决方法附代码
下一篇文章：支持IE6 IE7 Firefox 的纯CSS的下拉菜单

·在百度中搜索关于“css创意ul+li实现的细线表格实现代码相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

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

文章评论

同类文章

最近更新

热点排行

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

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行