当前位置: 首页 > 面试题库 >

使用css画出一个五角星

湛博易
2023-03-14
本文向大家介绍使用css画出一个五角星相关面试题,主要包含被问及使用css画出一个五角星时的应答技巧和注意事项,需要的朋友参考一下
#star-five {
      margin: 50px 0;
      position: absolute;
      display: block;
      color: red;
      width: 0;
      height: 0;
      border-right: 100px solid transparent;
      border-bottom: 70px solid red;
      border-left: 100px solid transparent;
      transform: rotate(35deg);
      left: 200px;
    }
    #star-five:before {
      border-bottom: 80px solid red;
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      position: absolute;
      height: 0;
      width: 0;
      top: -45px;
      left: -65px;
      display: block;
      content: '';
      transform: rotate(-35deg);
    }
    #star-five:after {
      position: absolute;
      display: block;
      color: red;
      top: 3px;
      left: -105px;
      width: 0px;
      height: 0px;
      border-right: 100px solid transparent;
      border-bottom: 70px solid red;
      border-left: 100px solid transparent;
      transform: rotate(-70deg);
      content: '';
    }
 类似资料:
  • 本文向大家介绍如何用CSS 画一个三角形?相关面试题,主要包含被问及如何用CSS 画一个三角形?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 三角形原理:边框的均分原理        

  • 本文向大家介绍用css画一个五边形和一个六边形相关面试题,主要包含被问及用css画一个五边形和一个六边形时的应答技巧和注意事项,需要的朋友参考一下 还有 svg 转 base64 作背景图。 当然,点击范围可能会不符合需求。 另外提一句,clip-path 边框要另做,元素选择的背景图要另做,两种都不好做圆角。

  • 本文向大家介绍Python使用turtule画五角星的方法,包括了Python使用turtule画五角星的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Python使用turtule画五角星的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的Python程序设计有所帮助。

  • 本文向大家介绍使用svg画一个三角形相关面试题,主要包含被问及使用svg画一个三角形时的应答技巧和注意事项,需要的朋友参考一下 手写SVG: 效果 说明 定义svg元素 定义svg的画布大小,指的是x、y偏移为,宽高为(相对单位) 定义一个路径元素 定义路径的填充颜色 定义各个顶点的位置 移动到点,开始新路径绘制 水平绘制直线至,该操作等同于 绘制直线至点 闭合子路径

  • 本文向大家介绍CSS画三角形?相关面试题,主要包含被问及CSS画三角形?时的应答技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍使用css画个鸡蛋相关面试题,主要包含被问及使用css画个鸡蛋时的应答技巧和注意事项,需要的朋友参考一下 参考文章 )