HTML中表格的边框颜色用bordercolor修改无效

<html>
<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>
为什么边框的颜色没变化???

你用的是什么浏览器(我们做网页的一般都会用火狐浏览器)

你代码中缺少</table>

我这边运行你的代码是这样的效果

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-11-22

按照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>

希望我的回答能帮助到你。

第2个回答  2013-11-22
首先直接在HTML标签上加样式必须写在style属性里面,如 <table style=" border:1px solid #ccc"></table>
其次,边框宽度是border-color,设置宽度为border-width,设置边框类型为border-style。也可以把这三个简写在一起 border:1px solid #ccc ,表示边框宽1,实线,颜色为#cccccc。注:颜色如果是#AABBCC这种样子的可以简写成#ABC
第3个回答  2018-04-11

可以使用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>

本回答被网友采纳
第4个回答  2013-11-22

您好!bordercolor在IE10 以上不识别了哦,如果要给表格添加边框,添加如下样式:

border-collapse:collapse;
th,td:border:1px solid #000;

一楼的方法不兼容,二楼的方法只有table外面有边框