CSS如何画出胶囊形状的圆头长方形

Posted 2023-03-30

参考技术A 因为圆角弧线为保证不相交会自动缩小半径，而在使用长度值（而非百分比值）时，半径并不相对于元素大小，最终会得到对称的效果。

因此，在创建胶囊两头的半圆形时，我们可以故意指定一个比所需半径大的值，来得到半圆形：

我和时间胶囊的故事

朋友在我生日的时候送了一样特殊的礼物给我，胶囊状的，我以为是装饰品，形状上觉得怪怪的，索性就把它放在了储物间，包装也未打开，就那么静静的放着。

大概是在生日后的第二个周末，我决心整理一下长期未打理的储物间，我再次看到那个长方形的包装上面竟落了灰，原以为是一瓶酒放错了地方，我找来抹布擦干净之后打开之后看到了是朋友送的叫做“时间胶囊”，我也不知道具体拿来干嘛。打电话询问之后，朋友先惊讶我现在才打开，我百般解释，朋友才止住了追问，又细心的讲解了用法，来源，以及如何封存。
说实话，听完朋友的一顿介绍和讲解，我才理解朋友为什么会追问，也深知时间胶囊的珍贵，更懂得这是一种什么样的情感，体会到朋友礼物的贵重。思虑再三，我将我妈妈给我织的毛衣放了进去，毛衣不是什么大牌，却是妈妈一针一线亲手织的，由于着实是穿不下了，却也寄托了我诸多情感，配上朋友的时间胶囊倒也恰到好处。我封存好之后，放置的位置却让我犯了难，放在家里放置，天天见到也不好，索性再一次请教朋友，最终给我介绍了配套的时间胶囊博物馆，并且定下了寄存三年。
上个星期妈妈来电，告知我今后不再与我织毛衣了，一是带小孩忙了，二是视力大不如从从前，我先是感伤了一下，挂了电话我才想起寄存在时间胶囊博物馆的毛衣，我打开手机，在线查看了一下我那个时间胶囊，它还在那里，保存完好，我虽只看到了一个时间胶囊，但我知道里面装着我妈妈最后织的一件毛衣。想到这里，我赶紧打电话给朋友，朋友惊讶我给他来电，却丝毫不惊讶我对其表示的感谢。因为他也保留着一个时间胶囊，里面也装着他珍贵的东西。
时间胶囊虽不是我收到最贵的礼物，而如今于我却是珍贵异常，它珍藏的是一件毛衣，却不只是一件毛衣。