黑马程序员技术交流社区

标题: 关于HTML的一个问题 [打印本页]
作者: 李罡    时间: 2013-4-11 01:43
标题: 关于HTML的一个问题
本帖最后由 李罡 于 2013-4-11 02:21 编辑
  1. <body>
  2. <fieldset>
  3. <legend>注册区域</legend>
  4. <form >
  5.   <table border="1" bordercolordark="#FF0000"  width="70%" cellspacing="0" cellpadding="10" >
  6.    <tr>
  7.     <th colspan="2">信息注册界面</th>
  8.    </tr>
  9.    <tr>
  10.     <td>用户名</td>
  11.     <td><input type="text" name="user"/></td>
  12.    </tr>
  13.    <tr>
  14.     <td>密码</td>
  15.     <td><input type="password" name="psw"/></td>
  16.    </tr>
  17.    <tr>
  18.     <td>确定密码</td>
  19.     <td><input type="password" name="repsw"/></td>
  20.    </tr>
  21.    <tr>
  22.     <td>性别</td>
  23.     <td><input type="radio" name="sex" value="nan"/>男<input type="radio" name="sex" value="nv"/>女</td>
  24.    </tr>
  25.    <tr>
  26.     <td>技术</td>
  27.     <td>
  28.      <input type="checkbox" name="jishu" value="java"/>java
  29.      <input type="checkbox" name="jishu" value="jsp"/>jsp
  30.      <input type="checkbox" name="jishu" value="HTML"/>HTML
  31.     </td>
  32.    </tr>
  33.    <tr>
  34.     <td>国家</td>
  35.     <td>
  36.      <select name="country" multiple="multiple" size="1" >
  37.       <option value="none">---选择国家---</option>
  38.       <option value="cn">中国</option>
  39.       <option value="usa">美国</option>
  40.       <option value="en">英国</option>
  41.      </select>
  42.     </td>
  43.    </tr>
  44.    <tr>
  45.     <th colspan="2"><input type="submit" value="提交数据"/><input type="reset" value="清除数据"/></th>
  46.    </tr>
  47.    
  48.   </table>
  49. </form>
  50. </fieldset>
  51. </body>
  52. <p> </p>
复制代码
刚才看毕老师js第3集的视频，讲到表单的设计，我写的代码和毕老师的一样，可为什么毕老师做出来的表单整个都是蓝色的，而我的却只有右半边的边界线是蓝色的（为了便于观看我把线加粗了）？找了很久都没找到原因，求大神帮忙！
图如下

QQ截图20130411014304.png (10.22 KB, 下载次数: 89)

QQ截图20130411014304.png
作者: HM马明宇    时间: 2013-4-11 02:16
找到了，<table border="1" bordercolordark="#FF0000"  width="70%" cellspacing="0" cellpadding="10" >
你的样式造成的，改成bordercolor就行了，把dark去掉，哦了~~
作者: 李罡    时间: 2013-4-11 02:20
HM马明宇 发表于 2013-4-11 02:16
找到了，
你的样式造成的，改成bordercolor就行了，把dark去掉，哦了~~

这个。。。老师那里面写的加了dark的，而且他的边界线和单元格的边框线都是蓝的。我把dark去掉后试了一下，只是边界线是蓝的，单元格的边框线是黑的。。
作者: 李希鹏    时间: 2013-4-11 08:14
用工具做的？
作者: 李希鹏    时间: 2013-4-11 08:30
本帖最后由 李希鹏 于 2013-4-11 08:33 编辑

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<fieldset>
<legend>注册区域</legend>
<form >
  <table border="1" bordercolordark="#0000FF"  width="70%" cellspacing="0" cellpadding="10" >
   <tr>
    <th colspan="2">信息注册界面</th>
   </tr>
   <tr>
    <td>用户名</td>
    <td><input type="text" name="user"/></td>
   </tr>
   <tr>
    <td>密码</td>
    <td><input type="password" name="psw"/></td>
   </tr>
   <tr>
    <td>确定密码</td>
    <td><input type="password" name="repsw"/></td>
   </tr>
   <tr>
    <td>性别</td>
    <td><input type="radio" name="sex" value="nan"/>男<input type="radio" name="sex" value="nv"/>女</td>
   </tr>
   <tr>
    <td>技术</td>
    <td>
     <input type="checkbox" name="jishu" value="java"/>java
     <input type="checkbox" name="jishu" value="jsp"/>jsp
     <input type="checkbox" name="jishu" value="HTML"/>HTML
    </td>
   </tr>
   <tr>
    <td>国家</td>
    <td>
     <select name="country" multiple="multiple" size="1" >
      <option value="none">---选择国家---</option>
      <option value="cn">中国</option>
      <option value="usa">美国</option>
      <option value="en">英国</option>
     </select>
    </td>
   </tr>
   <tr>
    <th colspan="2"><input type="submit" value="提交数据"/><input type="reset" value="清除数据"/></th>
   </tr>   
  </table>
</form>
</fieldset>
</html>

重写了一下，换了个颜色，我估计你是用 Dreamweave的设计模式写的，鼠标点在那个边框上了{:soso_e113:}
作者: 李罡    时间: 2013-4-11 11:53
李希鹏 发表于 2013-4-11 08:30
Insert title here

你是用什么工具做的?我用的dreamweaver，按你的代码试了一下只有右半边界是蓝色的，其它的全是黑色的。
作者: HM马明宇    时间: 2013-4-11 12:11
李罡 发表于 2013-4-11 02:20
这个。。。老师那里面写的加了dark的，而且他的边界线和单元格的边框线都是蓝的。我把dark去掉后试了一下 ...

没看过老毕的视频，不过dark属性还真没用过，只能帮到你这里了~
作者: 李罡    时间: 2013-4-11 13:01
HM马明宇 发表于 2013-4-11 12:11
没看过老毕的视频，不过dark属性还真没用过，只能帮到你这里了~

谢谢！我只是纳闷一样的代码怎么出现两种不同的结果。。。把dark去年后边框线的颜色都是蓝色了，可格框线还是黑色的，怎么把格框线全部设置成蓝色呢？
作者: 李希鹏    时间: 2013-4-11 14:16
本帖最后由 李希鹏 于 2013-4-11 14:22 编辑
李罡 发表于 2013-4-11 11:53
你是用什么工具做的?我用的dreamweaver，按你的代码试了一下只有右半边界是蓝色的，其它的全是黑色的。 ...


记事本，我在浏览器里看的是全蓝的

555.png (9.08 KB, 下载次数: 77)

555.png
作者: 熊永标    时间: 2013-4-11 14:32
本帖最后由 熊永标 于 2013-4-11 14:35 编辑

<body>
<fieldset>
<legend>注册区域</legend>
<form >
<!--<table border="1" bordercolordark="#FF0000"  width="70%" cellspacing="0" cellpadding="10" >--> //这一句错了,不应该是暗边框颜色 ,而是边框颜色
<table border="1" bordercolor="#0000FF" width="70%" cellspacing="0" cellpadding="10" >
   <tr>
    <th colspan="2">信息注册界面</th>
   </tr>
   <tr>
    <td>用户名</td>
    <td><input type="text" name="user"/></td>
   </tr>
   <tr>
    <td>密码</td>
    <td><input type="password" name="psw"/></td>
   </tr>
   <tr>
    <td>确定密码</td>
    <td><input type="password" name="repsw"/></td>
   </tr>
   <tr>
    <td>性别</td>
    <td><input type="radio" name="sex" value="nan"/>男<input type="radio" name="sex" value="nv"/>女</td>
   </tr>
   <tr>
    <td>技术</td>
    <td>
     <input type="checkbox" name="jishu" value="java"/>java
     <input type="checkbox" name="jishu" value="jsp"/>jsp
     <input type="checkbox" name="jishu" value="HTML"/>HTML
    </td>
   </tr>
   <tr>
    <td>国家</td>
    <td>
     <select name="country" multiple="multiple" size="1" >
      <option value="none">---选择国家---</option>
      <option value="cn">中国</option>
      <option value="usa">美国</option>
      <option value="en">英国</option>
     </select>
    </td>
   </tr>
   <tr>
    <th colspan="2"><input type="submit" value="提交数据"/><input type="reset" value="清除数据"/></th>
   </tr>
   
  </table>
</form>
</fieldset>
</body>
作者: 李罡    时间: 2013-4-11 15:29
李希鹏 发表于 2013-4-11 14:16
记事本，我在浏览器里看的是全蓝的

我用记事本试了一下不行，倒是把前面的那句话<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">去掉之后变成全蓝的了，dreamweaver里把它去掉后也变成全蓝的了，不知道怎么回事。。。好吧。。
作者: 李罡    时间: 2013-4-11 15:30
熊永标 发表于 2013-4-11 14:32
注册区域

//这一句错了,不应该是暗边框颜色 ,而是边框颜色

去掉dark后格框线还是黑色的,边框线是蓝的
作者: 牵强的笑掩饰内    时间: 2013-4-17 09:42
  <table border="1" bordercolorlight="#FF0000" bordercolordark="#FF0000" width="70%" cellspacing="0" cellpadding="10" >
加入bordercolorlight="#FF0000"
作者: 牵强的笑掩饰内    时间: 2013-4-17 09:43
C:\Users\Administrator\Desktop\360软件小助手截图20130417094209.jpg
作者: 牵强的笑掩饰内    时间: 2013-4-17 09:44
图片。。。。。。。。。。。。。

360软件小助手截图20130417094209.jpg (80.99 KB, 下载次数: 99)

360软件小助手截图20130417094209.jpg
作者: 刘渝灵    时间: 2013-4-17 14:37
确实是这样，我和lz的状况是一样的。我是： bordercolordark="#FF0000" bordercolorlight="#FF0000" ，将table的这2个属性都设置后整个颜色会一致。



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2