表格怎么做才能有图里的效果?

表格怎么做才能有图里的效果?

下面的代码哪里改了就可以实现了呢?
<!doctype> <html> <head> <title>input标签</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> </head> <body> <pre> &lt;input <b><font color="red">type</font>="类型属性"&nbsp;&nbsp;name="名称"</b>..../&gt;</pre> <table align="center" frame="hsides" rules="all" cellspacing="0" width="50%"> <caption><b><font color="red">&lt;intput&gt;标签</font></b></caption> <tr align="center"> <th width="50%">Type属性值</th> <th width="50%">描述</th> </tr> <tr align="center" bgcolor="pink"> <td width="50%">text</td> <td width="50%">文字域</td> </tr> <tr align="center"> <td width="50%">password</td> <td width="50%">密码域</td> </tr> <tr align="center" bgcolor="pink"> <td width="50%">file</td> <td width="50%" width="50%">文件域</td> </tr> <tr align="center"> <td width="50%">checkbox</td> <td width="50%">复选框</td> </tr> <tr align="center" bgcolor="pink"> <td width="50%">radio</td> <td width="50%">单选框</td> </tr> <tr align="center"> <td width="50%">button</td> <td width="50%">按钮</td> </tr> <tr align="center" bgcolor="pink"> <td width="50%">submit</td> <td width="50%">提交按钮</td> </tr> <tr align="center"> <td width="50%">reset</td> <td width="50%">重置按钮</td> </tr> <tr align="center" bgcolor="pink"> <td width="50%">hidden</td> <td width="50%">隐藏域</td> </tr> <tr align="center"> <td width="50%">image</td> <td width="50%">图像域</td> </tr> </table> </body> </html>

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

如果想达到这种效果,因为边框线的原因,一个表格是是显示不了的。你需要重新布局:这整个图是一个大表格,大表格为2行2列,有内边框和上下外边框。第二行的2个单元格内,如图所示:http://img1.sycdn.imooc.com/climg//592a8f3b0001403303880588.jpg

分别嵌套了一个小表格,小表格隔行换色,没有边框

  • 慕仔6559745 提问者 #1
    美女,你真厉害活学活用啊。。。我都没有想到用嵌套表格,赞
    2017-05-28 16:59:17
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师