css如何实现六角星星

这篇文章主要介绍了css如何实现六角星星,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

我们拥有十多年网页设计和网站建设经验,从网站策划到网站制作,我们的网页设计师为您提供的解决方案。为企业提供成都网站设计、成都网站建设、微信开发、重庆小程序开发成都手机网站制作H5网站设计、等业务。无论您有什么样的网站设计或者设计方案要求,我们都将富于创造性的提供专业设计服务并满足您的需求。

星星 (6角)

css如何实现六角星星

#star-six {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid red;
  position: relative;
}
#star-six:after {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 100px solid red;
  position: absolute;
  content: "";
  top: 30px;
  left: -50px;
}

感谢你能够认真阅读完这篇文章,希望小编分享的“css如何实现六角星星”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


文章标题:css如何实现六角星星
转载源于:http://bzwzjz.com/article/gccseo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 梓潼网站设计 成都网站建设 网站制作公司 品牌网站建设 成都网站建设 成都网站建设 成都网站制作 成都商城网站建设 成都营销网站建设 外贸网站建设 成都网站建设公司 企业网站设计 专业网站建设 教育网站设计方案 成都网站设计 成都网站设计 网站设计 定制网站建设 成都网站建设 成都品牌网站设计 自适应网站建设 上市集团网站建设