                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

为何css样式显示不出来

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用css样式，为表格加入边框</title>
<style type="text/css">
    table tr th,td{border:1px solid red; border-collapse:collapse; width height:20px;}
    
</style>
</head>
<body>
<table summary="">
    <tbody>
        <tr>
            <th>班级</th>
            <th>学生数</th>
            <th>平均成绩</th>
        </tr>
        <tr>
            <td>一班</td>
            <td>30</td>
            <td>89</td>
        </tr>
        <tr>
            <td>二班</td>
            <td>35</td>
            <td>85</td>
        </tr>
        <tr>
            <td>三班</td>
            <td>32</td>
            <td>80</td>
        </tr>
    </tbody>
</table>
</body>
</html>

为什么css加入后面两个效果显示不出来呢？

求小伙伴解答

慕粉1826222000

2017-01-17

源自：初识HTML(5)+CSS(3)-升级版 5-11

关注问题我要回答

3946

操作

收起

6 回答

精于勤荒于嬉回答被采纳 +3 积分
2017-01-17

width和height是两个属性，不能同时定义宽和高的像素，可以分开

width:20px;

height:20px;

0 回复有任何疑惑可以回复我~

慕粉1826222000 提问者
2017-01-17

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用css样式，为表格加入边框</title>
<style type="text/css">
    table tr th,td{border:1px solid red;width:100px; height:50px; border-collapse:collapse;}
</style>
</head>

width和height是分开的，已经修正过来了，谢谢小伙伴们。

但是border-collapse:collapse;这个效果还是显示不了，求解呀～～～

写成这样：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使用css样式，为表格加入边框</title>
<style type="text/css">
    table tr th,td{border:1px solid red;width:100px; height:50px;}
    table{border-collapse:collapse;}
</style>
</head>

就可以显示边框合二为一的效果，这是为什么呢？

0 回复有任何疑惑可以回复我~

#1

故事该怎么继续

是cellspace吧 = = 拼错了，要细心啊

2017-01-17 回复有任何疑惑可以回复我~

#2

故事该怎么继续回复故事该怎么继续

而且cellspace应该赋值0，才显示边框间没距离

2017-01-17 回复有任何疑惑可以回复我~

#3

慕粉1826222000 提问者回复故事该怎么继续

不是cellspacing，就是这个collapse呢

2017-01-17 回复有任何疑惑可以回复我~

查看1条回复

慕用2838450
2017-01-17

楼上都说了分开写。我也是初学者，不太懂。但是我发现它是不是先保证表格内容显示正常啊，再考虑width和height的值。

0 回复有任何疑惑可以回复我~

#1

只是我的猜想，求更正。谢谢。

2017-01-17 回复有任何疑惑可以回复我~

林默琦
2017-01-17

style里width和height属性要分开设定

0 回复有任何疑惑可以回复我~

慕粉1522128115
2017-01-17

width ：20px;height:20px;

0 回复有任何疑惑可以回复我~

德拉米尔
2017-01-17

后面的要分开写 width:20px;height:20px;

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226670 人
解答问题 18244 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

8 回答html显示文本，css设置相关样式

3 回答不同的css样式如何处理？

6 回答为什么显示不出来绿色

4 回答为什么图片显示不出来

1 回答css颜色样式如何设置

搜索更多本课相关问答

为何css样式显示不出来

我要回答关注问题

意见反馈帮助中心 APP下载