一个不错的简单的表格样式,由于比较菜,有些是从网上“隔壁老王”那里抄来的,比较喜欢这个人的一些文章。
<style type="text/css">
table{
width:640px;
height:auto;
border-style:solid;
border-bottom-width:thin;
margin:0 auto;
table-layout:fixed;
empty-cells:show;
border-collapse: collapse;
margin:0 auto;
font-size:14px;
border:1px solid #cad9ea;
color:#666;
}
/*第一行,标题样式,图片根据实际情况替换*/
.fi_tr{
background:url(img/table_header.png);
text-align:center;
height:30px;
}
td{
overflow:hidden;
height:25px;
border:1px solid #cad9ea;
padding:0 1em 0;
}
/*设置鼠标在当前行的样式*/
tr:hover{
background-color:#BFEDF9;
}
/*设置双数行的样式*/
.odd{
background-color:#f5fafe;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
//设置双数行的样式
$("tr:even").addClass("odd");
});//jquery结束
</script>
代码就这么多,html表格就免打了,因为表格标签不需要声明任何id或class了(除了第一行,即标题的设置class为fi_tr)。
分享到:
相关推荐
一些非常漂亮实用的CSS表格样式,使用方便.页面简洁!
NULL 博文链接:https://lwyingdao.iteye.com/blog/602713
jQuery官网CSS样式复刻
jQuery制作控制css样式表切换各个样式表
精美的css控制表格样式,可以选择不同的css控制表格的展现形式。
jquery变换css样式,jquery方法
jQuery – 获取并设置 CSS 类 通过 jQuery,可以很容易地对 CSS 元素进行操作。 切换 CSS 类 jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些: addClass() – 向被选元素添加一个或多...
editplus html5 css3 JQuery 语法文件 html5 css3.0 jQueryAPI手册
CSS JS JQUERY文档 CSS JS JQUERY文档 CSS JS JQUERY文档 CSS JS JQUERY文档
CSS+JS+Jquery样式案例,简单易用,用在前台网页中,美观,大方,好学
用示例方式展示如何用CSS进行表格样式设计
css3表格样式产品价格页面表格样式
JQuery+CSS3样式定义
我搜集的网页css表格样式.直接拿来用就可以了
《HTML5+CSS3+jQuery应用之美》由韩国专业视觉设计师倾力奉献其多年商业网站设计与制作的从业经验,通过八大商业案例,以HTML5搭建结构、CSS3设置样式、jQuery实现动态应用这三者相结合的实际应用方式,详细讲解它们...
jquery css
cssjquery仿ext样式页面,制作简单,易于使用。感觉不错,和大家分享一下。
用css和jquery做的导航,可以有N级子目录。下载后点击html文件可以查看效果。
jquery-ui.css、jquery-ui.js
css table width表格宽度样式设置定义.docx