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

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

CSS样式表: 什么叫标准网页设计?; 什么是XHTML?; 巧妙的最大化动态载入IFrame的方法; 为什么要建立web标准与web标准的好处; 创建无表格网站的原因和原则译文; 一个新的CSS菜单代码; 客齐集OEM的CSS解析与开发经验; 页里面 CDATA的作用说明; ie中多id的调用方法; CSS设置网页的字体防浏览器浏览页面字体变形; 用css来控制图片大小显示的实现方法与代码; CSS入门教程篇; CSS选择符说明; IE和FIREFOX下CSS的区别与解决方法; 用CSS让表格返转的代码 IE only; 做网页经常要注意的常识整理收集; div+css实现的滑动门,简洁,新手上路 (小鸽子系列); css滤镜属性语法介绍; 百分比的细节－－容器大小篇; 你不一定知道的Label的For用法

No. « ‹ 37 38 39 40 › »

技术文章搜索

关键字

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

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

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