CSS实例教程:用ul li做圆角表格- CSS样式表

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS实例教程:用ul li做圆角表格

CSS样式表: CSS framework日常开发的经验总结; DIV CSS网页布局的基础知识整理; css教程:可读性可维护性良好的CSS文件; css用import还是link的区别; DIV CSS制作的个性水平导航菜单实例; XHTML CSS制作样式风格切换的WEB站点; 学DIV CSS技术,如何入门?; CSS常用技巧十则; 动态加载外部css或js文件; CSS教程:css属性之媒体（Media）类型; DIV与Table布局在大型网站的可用性比较; CSS框架带来的效率提升; 判断用户浏览器及分辨率调用不同的CSS样式文件; CSS教程:创建性感的CSS样式表; 实用的CSS常见的问题和技巧总结; 根据时段自动切换网站的CSS风格; CSS经典技巧20条总结; CSS两种方式link和@import; 比较全的CSS浏览器兼容问题整理总结; CSS 学习心得

No. « ‹ 74 75 76 77 › »

技术文章搜索

关键字

CSS样式表中的 CSS实例教程:用ul li做圆角表格

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-03 浏览: 112 ::

收藏到网摘: n/a

CSS代码:控制IE滚动条 CSS教程:dl dt dd模拟表格实例

这两天和表格纠结上了...工作需要做表格，但是不想重复相同的方法，前两天用dl dt dd，今天用ul li做个圆角表格，圆角用了背景图片。再次声明：数据输出型的表格不推荐使用div+css。测试浏览器：IE6\IE7\IE8\FF3.0\Opera 9.6

<!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head> <title> new document </title> <meta name="generator" content="editplus"> <meta name="author" content=""> <meta name="keywords" content=""> <meta name="description" content=""> <style type="text/css"> <!-- *{ margin:0px; padding:0px; } body{ text-align:center; font-family:"宋体" } #table{ margin:0 auto; width:960px; text-align:left; } li{ width:958; *width:100%; height:36px; line-height:36px; border:1px solid #c9dff7; border-bottom:none; list-style-type:none; vertical-align:bottom; } li.title{ width:960px; height:34px; line-height:34px; background:url(http://www.ruanchen.com/"runCode(this.offsetParent.getElementsByTagName('textarea')[0])" type="button" value="运行代码" /> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]</span></p> <div style="text-align:left; margin-top:0px; clear:both;"> </div> <div id="tpage"> <span style="float:left;width:45%" class="text-truncate"> <img align="absmiddle" src="https://static.ruanchen.com/img/pre_art.gif" /> <a href="/tech/view/doc/87945/p/76/" title="CSS代码:控制IE滚动条">CSS代码:控制IE滚动条</a></span> <span style="float:right;width:45%;text-align:right" class="text-truncate"> <a href="/tech/view/doc/87947/p/76/" title="CSS教程:dl dt dd模拟表格实例">CSS教程:dl dt dd模拟表格实例</a> <img align="absmiddle" src="https://static.ruanchen.com/img/next_art.gif"/></span> </div> </div> <div style="clear:both;"> <script language="javascript"> var infoid = '87946'; var classid = 'tech'; </script> <script language="JavaScript" src="https://static.ruanchen.com/js/mood.js"></script> </div> <div id="cmt"> <h3> <img src="https://static.ruanchen.com/img/cmt.gif" align="absmiddle" /> 评论 (0) <small class="pagenav-listbar"> <a style="padding:5px;" href="javascript:tech_cmt('87946')">All</a> </small> </h3> <div id="cmt-list"></div> <form method="post" action="#cmt" onsubmit="alert('您还没有登陆，登陆后才能进行此操作。');return false;"> <textarea id="content" name="content" style="width:100%; height:100px;">

登陆还没注册？

CSS样式表 中的 CSS实例教程:用ul li做圆角表格

CSS样式表中的 CSS实例教程:用ul li做圆角表格