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

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 李罡 中级黑马   /  2013-4-11 01:43  /  2275 人查看  /  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, 下载次数: 13)

QQ截图20130411014304.png

评分

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

查看全部评分

15 个回复

倒序浏览
找到了,<table border="1" bordercolordark="#FF0000"  width="70%" cellspacing="0" cellpadding="10" >
你的样式造成的,改成bordercolor就行了,把dark去掉,哦了~~
回复 使用道具 举报
HM马明宇 发表于 2013-4-11 02:16
找到了,
你的样式造成的,改成bordercolor就行了,把dark去掉,哦了~~

这个。。。老师那里面写的加了dark的,而且他的边界线和单元格的边框线都是蓝的。我把dark去掉后试了一下,只是边界线是蓝的,单元格的边框线是黑的。。
回复 使用道具 举报
用工具做的?
回复 使用道具 举报
本帖最后由 李希鹏 于 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 08:30
Insert title here

你是用什么工具做的?我用的dreamweaver,按你的代码试了一下只有右半边界是蓝色的,其它的全是黑色的。
回复 使用道具 举报
李罡 发表于 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:22 编辑
李罡 发表于 2013-4-11 11:53
你是用什么工具做的?我用的dreamweaver,按你的代码试了一下只有右半边界是蓝色的,其它的全是黑色的。 ...


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

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

555.png
回复 使用道具 举报
本帖最后由 熊永标 于 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 14:16
记事本,我在浏览器里看的是全蓝的

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

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

去掉dark后格框线还是黑色的,边框线是蓝的
回复 使用道具 举报
  <table border="1" bordercolorlight="#FF0000" bordercolordark="#FF0000" width="70%" cellspacing="0" cellpadding="10" >
加入bordercolorlight="#FF0000"
回复 使用道具 举报
C:\Users\Administrator\Desktop\360软件小助手截图20130417094209.jpg
回复 使用道具 举报
图片。。。。。。。。。。。。。

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

360软件小助手截图20130417094209.jpg
回复 使用道具 举报
确实是这样,我和lz的状况是一样的。我是: bordercolordark="#FF0000" bordercolorlight="#FF0000" ,将table的这2个属性都设置后整个颜色会一致。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马