html table 上下左右边框
2015-12-23 00:00
218 查看
<html><body>
<style>
body{
background:#ff0;
}
.td3{
font-size: 14px;
color: #FFFFFF;
background-color: #000000;
BORDER-RIGHT: #f6f6f6 1px solid; /* 显示右边框为1px，如果不想显示就为0px */
border-top:11px #fff solid; /* 显示上边框为1px，如果不想显示就为0px */
BORDER-LEFT: #f9f9f9 0px solid;/* 显示左边框为1px，如果不想显示就为0px */
BORDER-BOTTOM: #f5f5f5 0px solid;/* 显下右边框为1px，如果不想显示就为0px */
}
</style>
<table width="400" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="td3">1</td><td class="td3">2</td><td class="td3"></td><td class="td3"></td></tr>
</table>
</body></html>
<style>
body{
background:#ff0;
}
.td3{
font-size: 14px;
color: #FFFFFF;
background-color: #000000;
BORDER-RIGHT: #f6f6f6 1px solid; /* 显示右边框为1px，如果不想显示就为0px */
border-top:11px #fff solid; /* 显示上边框为1px，如果不想显示就为0px */
BORDER-LEFT: #f9f9f9 0px solid;/* 显示左边框为1px，如果不想显示就为0px */
BORDER-BOTTOM: #f5f5f5 0px solid;/* 显下右边框为1px，如果不想显示就为0px */
}
</style>
<table width="400" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="td3">1</td><td class="td3">2</td><td class="td3"></td><td class="td3"></td></tr>
</table>
</body></html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Html设置超链接文字颜色
- html创建六边形区域
- XML与HTML的比较
- html 使用Ajax 实现多文件上传，并显示进度
- html系列教程--header head iframe img
- 签名的html
- innerText，outerText，innerHTML，outerHTML区别
- 易混HTML Entities与正确使用方法
- MVC Html.BeginForm 与 Ajax.BeginForm 使用总结
- HTML中的div标签
- html乱码原因与网页乱码解决方法
- html修炼养成--一些问题
- 【HTML 未完】tabindex 属性
- 初学者-html中button标签需要注意的小细节
- HTML练习----注册界面
- TextView 显示html
- html代码
- HTML 转义字符
- <a>普通链接,邮件链接<id><img>
- HTML 特殊符号编码对照表