A股上市公司传智教育（股票代码 003032）旗下技术交流社区北京昌平校区

传智教育官网黑马程序员官网

 找回密码
 加入黑马

QQ登录

只需一步，快速开始

论坛首页 › 隐藏归类 › 黑马那些年 › 第3届JavaEE+hadoop大数据技术交流 › 正文

关于HTML的一个问题

© 李罡 中级黑马   /  2013-4-11 01:43  /  2200 人查看  /  15 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 李罡 于 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, 下载次数: 12)

QQ截图20130411014304.png

评分

参与人数 1技术分 +1 收起 理由
冯海霞 + 1

查看全部评分

的

15 个回复

倒序浏览
HM马明宇 中级黑马 2013-4-11 02:16:15
| 只看该作者
沙发
找到了，<table border="1" bordercolordark="#FF0000"  width="70%" cellspacing="0" cellpadding="10" >
你的样式造成的，改成bordercolor就行了，把dark去掉，哦了~~
回复 使用道具 举报
李罡 中级黑马 2013-4-11 02:20:30
| 只看该作者
藤椅
HM马明宇 发表于 2013-4-11 02:16
找到了，
你的样式造成的，改成bordercolor就行了，把dark去掉，哦了~~

这个。。。老师那里面写的加了dark的，而且他的边界线和单元格的边框线都是蓝的。我把dark去掉后试了一下，只是边界线是蓝的，单元格的边框线是黑的。。
回复 使用道具 举报
李希鹏 中级黑马 2013-4-11 08:14:22
| 只看该作者
板凳
用工具做的？
回复 使用道具 举报
李希鹏 中级黑马 2013-4-11 08:30:51
| 只看该作者
报纸
本帖最后由 李希鹏 于 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:44
| 只看该作者
地板
李希鹏 发表于 2013-4-11 08:30
Insert title here

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

没看过老毕的视频，不过dark属性还真没用过，只能帮到你这里了~
回复 使用道具 举报
李罡 中级黑马 2013-4-11 13:01:06
| 只看该作者
8#
HM马明宇 发表于 2013-4-11 12:11
没看过老毕的视频，不过dark属性还真没用过，只能帮到你这里了~

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


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

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

555.png
回复 使用道具 举报
熊永标 中级黑马 2013-4-11 14:32:53
| 只看该作者
10#
本帖最后由 熊永标 于 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:34
| 只看该作者
11#
李希鹏 发表于 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:28
| 只看该作者
12#
熊永标 发表于 2013-4-11 14:32
注册区域

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

去掉dark后格框线还是黑色的,边框线是蓝的
回复 使用道具 举报
牵强的笑掩饰内 中级黑马 2013-4-17 09:42:57
| 只看该作者
13#
  <table border="1" bordercolorlight="#FF0000" bordercolordark="#FF0000" width="70%" cellspacing="0" cellpadding="10" >
加入bordercolorlight="#FF0000"
回复 使用道具 举报
牵强的笑掩饰内 中级黑马 2013-4-17 09:43:54
| 只看该作者
14#
C:\Users\Administrator\Desktop\360软件小助手截图20130417094209.jpg
回复 使用道具 举报
牵强的笑掩饰内 中级黑马 2013-4-17 09:44:34
| 只看该作者
15#
图片。。。。。。。。。。。。。

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

360软件小助手截图20130417094209.jpg
回复 使用道具 举报
刘渝灵 中级黑马 2013-4-17 14:37:27
| 只看该作者
16#
确实是这样，我和lz的状况是一样的。我是： bordercolordark="#FF0000" bordercolorlight="#FF0000" ，将table的这2个属性都设置后整个颜色会一致。
回复 使用道具 举报
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 加入黑马