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

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

CSS样式表: Class与ID区别 margin和padding区别 CSS学习笔记; 鼠标滑过缩略图时放大图片（纯Css）; 网页中经常用到的Metas, Links and DocTypes集合; 修正IE下使用CSS属性overflow的bug; xhtml+css制作不规则导航; CSS规则层叠时的优先级算法; CSS规则层叠的应用 css必须要注意的几点; CSS Hack收集汇总; line-block的运用最小宽度的设置; IE对CSS样式表的限制分析与解决方案; 全国哀悼日网站页面变成灰色的filter方法; css滤镜实现页面灰色黑白色效果代码; 用CSS开发时髦的导航栏图例教程; 用CSS开发时髦的导航栏第二篇; CSS渐变文本效果的两种方法比较; 提高CSS文件可维护性的五种方法总结; css Sprites小实例代码; 美化html段落文本 Ⅰ; html页面中图像格式的选用之我见; DIV+CSS实现的滑动门菜单特效代码

No. « ‹ 88 89 90 91 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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/90/" 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/90/" 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做圆角表格