EduCoder-Web程序设计基础-html5—表格高级样式的设置-第2关：设置表格的外边框样式

最新推荐文章于 2022-11-27 19:48:34 发布

weixin_51402180

最新推荐文章于 2022-11-27 19:48:34 发布

阅读量826

点赞数 4

文章标签：前端 html css

本文链接：https://blog.csdn.net/weixin_51402180/article/details/121602933

版权

任务描述

本关任务：创建一个两行两列的表格。实现的效果如下图所示：
外边框设置

编程要求

根据提示，在右侧编辑器补充代码，在右侧编辑器中的Begin - End区域内补充代码，具体要求是：
1.添加table标签及属性，使得表格的宽度为100，高度为80，边框线粗细设置为4
2.在table标签中添加frame属性，使得表格外边框显示为上下边框样式。

测试说明

补充代码后，请点击测评，平台会对你编写的代码进行测试，如果正确则完成闯关任务。

越努力越幸运，祝你成功！

代码示例

<html>
 <head>
  <meta charset="utf-8"/>
  <title>设置表格外边框属性</title>
 </head>
  <body>
   <!-- ********* Begin ******* -->
   <table width=100 height=80 border=4 frame=hsides> 
   
    <!-- ********* End ********* -->
    <caption>简易信息表</caption> 
    <tr align=center  valign=middle>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
    <tr  align=center  valign=middle>
      <td>张三</td>
      <td>20</td>
    </tr>
   </table>
  </body> 
</html>

weixin_51402180

关注

4
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
EduCoder-Web程序设计基础-html5—表格高级样式的设置-第2关：设置表格的外边框样式

目录任务描述相关知识编程要求测试说明代码示例任务描述本关任务：创建一个两行两列的表格。实现的效果如下图所示：外边框设置相关知识为了完成本关任务，你需要掌握：1.table标签的一般属性，2.外边框样式的设置。table标签的一般属性table标签的属性通常有border、width、height、align、bgcolor、background等，前面已经介绍过，这里不在赘述。外边框样式的设置frame属性可用来设置表格的外边框样式，属性取值可以是：above、below、hsides、v
复制链接

扫一扫