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
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2010-04-05 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读