4.CSS表格设置 /*第一步:给整个表格以及内部的所有单元格加上边框*/ table,th,td { border: 1px solid #333; } /*第二步:将整个表格以及内部单元格的边框全部折叠,就是线条二合一*/ table { /*折叠表格线*/ border-collapse: collapse; text-align: center; width: 60%; /*表格居中*/ margin: 50px auto; box-shadow: 3px 3px 3px #888; background-image: url(../images/gs/bg.jpg); background-repeat: no-repeat; background-size: cover; } table caption { font-size: 1.6em; font-weight: bolder; margin-bottom: 30px; } th,td { padding: 10px; } td img { border-radius: 50%; box-shadow: 2px 2px 2px #888; /*width:80px;*/ } th { background-color: rgba(155,155,0,0.3); color: brown; } .green { color: darkgreen; font-weight: bolder; font-size: 1.2em; }
| 名次 | 姓名 | 江湖绰号 | 头像 | 独门绝技 | 所属门派 | 英雄事迹 |
|---|---|---|---|---|---|---|
| 1 | 王重阳 | 童男子 | @@##@@ | 一阳指 | 全真教 | 空手打死过一只狗 |
| 2 | 张无忌 | 魔教教主 | @@##@@ | 九阳神功 | 明教 | 同时交了5个女朋友 |
| 3 | 周伯通 | 老顽童 | @@##@@ | 全真教 | 左右互搏术 | 给皇帝戴过绿帽子 |
| 4 | 陈近南 | 南霸天 | @@##@@ | 天地会 | 吃西瓜 | 吃葡萄从来不吐葡萄皮 |
以上就是CSS表格设置实例的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1610771.html
微信扫一扫 
支付宝扫一扫 
