JQuery笔记（五） 圆角表格的效果

时间:2022-04-23
本文章向大家介绍JQuery笔记（五） 圆角表格的效果，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

把四个角的图片截下来，用css定位到四个角上，表格的底色设置为一样的即可。

$("#tbl").css({"border-collapse":"collapse",width:"800px",position:"absolute",top:"60px",left:"120px",width:"800px",height:"20px"});
$("#tbl td").css({"font-size":"14px","line-height":"36px",background:"#CCE1FE",margin:"0",border:"2px solid white"});
$("#tbl tr:first td:first").css({background:"#CCE1FE url(jqui/tblcorner1.jpg) no-repeat left top"});
$("#tbl tr:first td:last").css({background:"#CCE1FE url(jqui/tblcorner2.jpg) no-repeat right top"});
$("#tbl tr:last td:first").css({background:"#CCE1FE url(jqui/tblcorner3.jpg) no-repeat left bottom"});
$("#tbl tr:last td:last").css({background:"#CCE1FE url(jqui/tblcorner4.jpg) no-repeat right bottom"});
image.png

随机文章
Javascript知识点必读
最近更新