您好，欢迎来到模板无忧！
登录
注册
闂備浇銆€閸嬫捇鏌熼婊冾暭妞ゃ儻鎷�
闂備胶鎳撻崥瀣垝鎼淬劌纾奸柨鐕傛嫹
闂備線娼婚梽鍕熆濡ソ褰掓晸閿燂拷
闂佹眹鍩勯崹濂稿窗閺嶃劍鍙忛柨鐕傛嫹
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI閻忓繐绻楁禒锟� 闁煎疇妫勯崯鎾村濮樿鲸鏆�
闁糕晝鍠庨幃锟�
闁规亽鍔忓畷锟�
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
层和布局特效代码
>
收藏
分享
查看评论
层和布局
演示
纯CSS使用LI实现表格效果_层和布局特效
查看演示效果
特效Tag：
CSS实现表格
添加
缂佸洦鈪礑edeCMS鐟欏棝顣堕弫娆戔柤
娑旀壆鈹栭梻锟� 缁夌喐婀囬崝鈥虫珤 闁缍夌涵鏇氱鞍閼辨棑绱�
閺冪姴鍜栫粩娆撴毐瀹搞儱鍙�,閻ф儳瀹抽弶鍐櫢娑撯偓闁款喖鍙忛弻锟�!
纯CSS使用LI实现表格效果，几乎和表格一模一样，再发动脑筋扩展一下，它就更完美了。
<style> #div1 { width: 450px; border-top: #0066cc 1px solid; border-left: #0066cc 1px solid; } #div1 ul { width: 450px; margin: 0px; } #div1 li { float: left; width: 150px; height: 50px; list-style-type: none; border-right:#0066cc 1px solid; border-bottom: #0066cc 1px solid; text-align: center; line-height: 50px; } </style> <div id=div1> <ul> <li style=width:450px;>怎么样呢？</li> <li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li> </ul> </div>
所属频道：
层和布局特效
/
更新时间：2013-01-05
[收藏]
[报错]
[返回列表]
评论加载中....
相关
层和布局特效
：
表格内容排序sortTable
行变成列，列变成行
文本输入限制
拆分单元格
控制表格内的滚动条
颜色交替的表格
JS计算里面有多少个
极酷的表格
会动的表格
可拖动单元格
变色表格
访问表格的每个TD
层和布局特效Rss订阅
特效代码搜索
层和布局特效推荐
简洁滑动门(Tab)
CSS平铺背景图片实现百分比图表
点击按钮，弹出一个可关闭的层窗口，网页背景变灰
Table+CSS实现的TAB选项卡
CSS 表格(Table)
表格排序
用CSS实现一段文字自动底部对齐并随页面滚动
又一个纯CSS无图片圆角框
JavaScript 双击选中表格单元格
Ajax弹出漂亮可拖动的提示层(窗)效果
猜你也喜欢看这些
WEB对话框 可做网站登录协议用
JavaScript实现的漂亮颜色渐变
颜色板
点击鼠标在网页上生成气泡
网页风格适时切换
舞台照射
精美js鼠标跟随代码
渐变
用选项卡控制DIV层切换改变背景颜色
斗转星移
相关链接：
复制本页链接
|
搜索纯CSS使用LI实现表格效果
特效说明：
层和布局模板
-
纯CSS使用LI实现表格效果
。
闁衡偓閹増顥�&闁告帒妫旈棅锟�
QQ缂佸本妞藉Λ锟�
闁哄倻澧楀顔碱嚗椤旂厧瑙�
闁煎灚宕橀鍡楊嚗椤旂厧瑙�
濞存粏妗ㄥЧ澶岀磾閿燂拷
鐎殿喒鍋撻煫鍥у暟缂嶏拷
闁谎勫劤鐎规娊骞栧⿰鍡橆棏
濠㈣泛绉撮崺妤冪磾閹存繃绲�
闁哄洦娼欓ˇ锟�...
AI閻忓繐绻楁禒锟� 闁煎疇妫勯崯鎾村濮樿鲸鏆�
闁糕晝鍠庨幃锟�
闁规亽鍔忓畷锟�
评论加载中....
。。