关于border绘制三角形的问题

<!DOCTYPE html>

<html>

<head>

<title>css五角星绘制</title>

<style type="text/css">

*{

margin: 0 auto;

padding: 0 auto;

border: none;

}

.bottom{

background: red;

position: relative;

top:100px;

width: 600px;

height: 400px;

}

.star{

width: 0px;

height: 0px;

border-top: 73px solid yellow;

border-left: 100px solid transparent;

border-right: 100px solid transparent;

}

</style>

</head>

<body>

<div class="bottom">

<div class="star star1"></div>

<div class="star star2"></div>

<div class="star star3"></div>

<div class="star star4"></div>

<div class="star star5"></div>

</div>

</body>

</html>

san_heart 2017-08-02

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

收起

1回答

樱桃小胖子 2017-08-03 10:34:56

你要描述清楚你在绘制三角形的时候遇到了什么问题，直接贴代码大家猜不到你想要问什么问题哦，祝学习愉快！

收起回答

提问者 san_heart #1

嗯嗯谢谢是我自己发现错误在哪里了不知道在哪里把问题删掉

2017-08-03 11:26:28
樱桃小胖子回复提问者 san_heart #2

这个不能删掉哦，希望后期在编写代码的时候能够细心一点哦

2017-08-03 11:32:06

相似问题

关于三角形的绘制

弧形绘制问题

控制五角星问题

通过三角形拼成五角星，具体尺寸是怎么计算的

为什么用border可以设置一个三角形，不明白~！~~！~

登录后可查看更多问答，登录/注册

HTML5与CSS3实现动态网页 2018

参与学习 1887 人
提交作业 4643 份
解答问题 5760 个

有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。

了解课程

本课精华内容

问答作业

请忽略此问答

26 33

公式书写。。

31 19

3-8编程练习哪有问题

47 17

全局变量与函数内的全局变量

119 15

编程练习4-4的问题

111 15

查看更多本课问答

请稍等 ...

关于border绘制三角形的问题

关于border绘制三角形的问题

正在回答回答被采纳积分+1

请选择置顶位置