html中表格细边框的四种实现及其比较
(4页)
本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦!
19.90 积分
html 中表格细边框的四种实现及其比较第一种使用 css.box {border-top-width: 1px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #000000;border-right-color: #000000;border-bottom-color: #000000;border-left-color: #000000;}.box td {border-top-width: 0px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #000000;border-right-color: #000000;border-bottom-color: #000000;border-left-color: #000000;text-align: center;font-size: 13px;font-weight: bold;word-break: break-all;}第二种,使用 ie 中特有的属性,不支持除 ie 外的浏览器第三种,整个表格的背景为黑色,每个单元格背景为白色,单无格间距为 1,表格粗细为 0背景设置式-细边框表格texttexttexttext第四种 啥也不说了,直接代码表示(一个 style=“BORDER-COLLAPSE:collapse“搞定)比较:第一种和第四种支持 ie 和 ff 但是第四种更简单一些第三种也支持所有浏览器,但实现起来比较麻烦,很痛苦第二种虽然实现简单但是兼容性差,只支持 ie第四种自我感觉最好用 关 键 词: html 表格 边框 实现 及其 比较
天天文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。