编程练习，用JS实现购物车特效教程-慕课网

第3章编程挑战
编程：3-1 编程挑战

编程练习

通过CSS实现一个3×3的细线表格

效果图:

任务

1.使用table标签布局html。

提示:
...
   ...

...

2. 为table添加单元格边框合并样式。

?不会了怎么办: 可参考下面代码或者在右下角"课件下载"区下载参考代码。

index.html

1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

提交

自动运行

重置代码

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

问答
评论
笔记
资料下载
代码

全部精华我要发布

使用table标签布局html。

最新回答 / 慕梦前来

table标签有不少隐藏的默认样式，不好处理

1 回答 1003 浏览

2022-06-15

运行之后没有看到效果啊

最赞回答 / 花里喵喵

去掉style里面的注释~

3 回答 1207 浏览

2022-07-20

....

+ 我来回答回答最高可+2积分

3 回答 944 浏览

2022-05-18

table{border-collapse:collapse;}td{border:1px solid;width:50px;}单边框

+ 我来回答回答最高可+2积分

0 回答 1089 浏览

2014-09-01

这个和之前的有什么区别，想不通

+ 我来回答回答最高可+2积分

4 回答 884 浏览

2022-09-05

妈的，真的不知道哪里错了

最赞回答 / 小小誹

注释去了就好了，html页面中注释应该用包含

3 回答 1088 浏览

2022-09-06

122324

+ 我来回答回答最高可+2积分

1 回答 792 浏览

2022-04-10

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>表格</title>
    <style type="text/css">
    table{border-collapse:collapse;}
    td{border:1px solid black;width:50px;}
    </style>
</head>
<body>
    <table>
        <tr>
            <td>html</td>
            <td>css</td>
            <td>js</td>
        </tr>
        <tr>
            <td>jq</td>
            <td>java</td>
            <td>php</td>
        </tr>
        <tr>
            <td>android</td>
            <td>swift</td>
            <td>ios</td>
        </tr>
    </table>
</body>
</html>

+ 我来回答回答最高可+2积分

0 回答 1238 浏览

2014-08-04

全部我要发布

最热最新

只看我的

1-3 编程练习（参考代码）立即下载
购物车（源代码）立即下载

1-3 编程练习

编程练习

任务

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

使用table标签布局html。

运行之后没有看到效果啊

....

table{border-collapse:collapse;}td{border:1px solid;width:50px;}单边框

这个和之前的有什么区别，想不通

妈的，真的不知道哪里错了

122324

推荐课程

推荐路线系统化学习，打造阶梯学习模式

手记推荐

1-3 编程练习

热搜

最近搜索清空

编程练习

任务

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

账号登录 验证码登录

账号登录验证码登录