HTML中表格的边框颜色用bordercolor修改无效
<body>
<table border="1px" bordercolor="red" cellspacing="0px" cellpadding="10px" width="400px" >
<tr>
<td colspan="3" align="center">菜谱</td>
</tr>
<tr>
<td rowspan="2">素菜</td>
<td>青草茄子</td>
<td>花椒扁豆</td>
</tr>
<tr>
<td>小炒韭菜</td>
<td>白豆腐</td>
</tr>
<tr>
<td rowspan="2">荤菜</td>
<td>清蒸甲鱼</td>
<td>毛氏红烧肉</td>
</tr>
<tr>
<td>鱼香肉丝<img src="F:\somethings\静态图\令狐少侠.jpg" width="70px" title="果子狸"></td>
<td>糖醋丸子</td>
</tr>
</body>
</html>
为什么边框的颜色没变化??? 展开
按照CSS标准编写就不会出现问题,HTML标签属性存在兼容问题。
采用HTML+CSS才是最合理的网页编写方式。
CSS代码:
<style>
.my_table{border-collapse:collapse; border:1px solid red;} /* 按需修改border宽度 */
.my_table td{border:1px solid red;} /* 按需修改border宽度 */
</style>
HTML代码:标签属性一般不带单位(px,em),可以带百分比号(%)
<table cellspacing="0" cellpadding="10" border="1" width="400" class="my_table">
<tr>
<td colspan="3" align="center">菜谱</td>
</tr>
<tr>
<td rowspan="2">素菜</td>
<td>青草茄子</td>
<td>花椒扁豆</td>
</tr>
<tr>
<td>小炒韭菜</td>
<td>白豆腐</td>
</tr>
<tr>
<td rowspan="2">荤菜</td>
<td>清蒸甲鱼</td>
<td>毛氏红烧肉</td>
</tr>
<tr>
<td>鱼香肉丝<img src="F:\somethings\静态图\令狐少侠.jpg" width="70px" title="果子狸"></td>
<td>糖醋丸子</td>
</tr>
</table>
希望我的回答能帮助到你。
其次,边框宽度是border-color,设置宽度为border-width,设置边框类型为border-style。也可以把这三个简写在一起 border:1px solid #ccc ,表示边框宽1,实线,颜色为#cccccc。注:颜色如果是#AABBCC这种样子的可以简写成#ABC
可以使用Sharepoint Designer 2007修改表格边框颜色。要设置表格的背景,可以通过【表格属性】对话框来完成。在表格的任意位置右击鼠标,在弹出的快捷菜单中选择【表格属性】命令,打开【表格属 性】对话框,在该对话框的【背景】选项区域即可对表格的背景进行设置。
介绍如何设置边框颜色:
标签:
<table width="100%" style="border: solid 1px #ff0000;" cellpadding="0"
cellspacing="0" bgcolor="#a1a1a1" id="table2">---此处设置外边框颜色
<tr style="background: url('images/pshow_bg_18.gif');background-repeat: repeat-x;"
<td bgcolor="#ffffff" colspan="6" height="25" align=center><font color=#ea5e01
size=3><strong>房屋基本信息</strong></font></td>
</tr>
<tr>
<td bgcolor="#E6E6FA" height="25" width="13%" align=center>房屋状态</td>
<td bgcolor="#ffffff" width="20%" valign=center style="border:1px #ffff00 solid;">--
此处设置单元格边框颜色
$TYPE$</td>
<td bgcolor="#E6E6FA" width="13%" align=center style="border-bottom:1px solid
#33CC00;">房屋类别</td>此处设置单元下边框颜色
<td bgcolor="#ffffff" width="20%" valign=center style="border:1px #ffff00
solid;">$FWLB$</td>
<td bgcolor="#E6E6FA" width="13%" align=center>所在地区</td>
<td bgcolor="#ffffff" width="20%" valign=center style="border:1px #ffff00
solid;">$XS$</td>
</tr></table>
您好!bordercolor在IE10 以上不识别了哦,如果要给表格添加边框,添加如下样式:
border-collapse:collapse;
th,td:border:1px solid #000;
一楼的方法不兼容,二楼的方法只有table外面有边框