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

时间:2021-03-17 人气:0

想了解css创意ul+li实现的细线表格实现代码的相关内容吗，在本文为您仔细讲解css 细线表格的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：css,ul,li,细线表格，下面大家一起来学习吧。

<!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 全选注:如需引入外部Js需刷新才能执行]

加载全部内容