主页 / 问题 / 780890
Accepted
Raz Galstyan
Asked:2020-02-06 14:06:41 +0000 UTC2020-02-06 14:06:41 +0000 UTC

带有 CSS3 的日历图标

  • 772

有这样一个问题。我在网站上有一个日历图标。

我想用css.

在我看来，这是可能的，但到目前为止，不可能做你想做的事。

这是图标本身。

在此处输入图像描述

css

1 个回答

  1. Best Answer

    骑自行车当然很愚蠢……看起来像？

    * {
  margin: 0;
  padding: 0;
}

.icon {
  display: inline-block;
  width: 40px;
  padding-top: 34px;
  border: 1px solid #222;
  margin-top: 30px;
  margin-left: 30px;
  position: relative;
}

.top-line {
  background: #222;
  width: 40px;
  height: 16px;
  position: absolute;
  top: 0px;
  text-align: center;
}

.top-line span {
  display: inline-block;
  width: 5px;
  height: 10px;
  background: #666;
  transform: translate(0, -10px);
  box-sizing: border-box;
}
    <div class="icon">
  <div class="top-line">
    <span></span>
    <span></span>
    <span></span>
    <span></span>
  </div>
</div>

    • 4

相关问题