，老师国旗的那个作业还是有些问题

在那个做五角星的那一步不是很明白

慕先生0074937 2018-09-12

源自：CSS3转换 2-11 编程练习

收起

4回答

好帮手慕星星 2018-09-13 19:05:50

在相关视频节或者是习题节左侧有一个问题按钮，

点击之后，右侧会显示提问按钮，点击按钮之后，会弹出问题框，输入自己的问题就可以了，

自己试一下吧。

收起回答

好帮手慕星星 2018-09-13 10:00:13

可以这样理解：一个块元素，没有设置宽度的情况下，想让它有宽高，可以使用border来实现，如果直接总属性border设置的就是四个方向的，最终看到的就是一个正方形，如下：

但是还有border分开写的属性，如果不想四个方向的颜色一致，就直接更改颜色的属性就可以了，如下：

如果想要一个方向不显示颜色，可以设置transparent透明颜色，如果想要形成三角形，就只要一个方向有颜色，其他方向是透明色就可以了。

自己测试理解下，祝学习愉快~~

收起回答

提问者慕先生0074937 #1

谢谢老师，我懂了。还有一件事，就是怎么在电脑上用慕课网网页像您提问啊，我只会在手机上发问题，代码处理太麻烦了。

2018-09-13 18:52:21

提问者慕先生0074937 2018-09-12 19:54:30

就是这一个，老师。当CSS代码写到这里的时候，我不明白哪个为什么border-top,right,.left他们三个在一起可以组成一个三角形，我把right,left的颜色都改了，发现他们都会成拼成一个三角形，我不明白他们的原理为什么会这样，请老师赐教

收起回答

提问者慕先生0074937 2018-09-12 19:49:59

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>2-3</title>
<style type="text/css">
div{
            width:600px;
            height:400px;
            margin:0px auto;
            background:red;
            position:relative;
        }
        .div{
            width:0px;
            height:0px;
            top:50px;
            border-top:200px solid yellow; border-right:80px solid #000000;
            border-left:80px solid #00FF93;position:relative;
}

</style>
</head>

收起回答

提问者慕先生0074937 #1

就是这一个，老师。当CSS代码写到这里的时候，我不明白哪个为什么border-top,right,.left他们三个在一起可以组成一个三角形，我把right,left的颜色都改了，发现他们都会成拼成一个三角形，我不明白他们的原理为什么会这样，请老师赐教

2018-09-12 19:53:12