css 如何使背景是椭圆形的按钮[复制]

ax6ht2ek 于 2023-01-10 发布在其他

关注(0)|答案(1)|浏览(157)

此问题在此处已有答案：

Border-radius in percentage (%) and pixels (px) or em（3个答案）
3天前关闭。
我希望我的按钮有一个形状就像它在堆栈溢出产品按钮。enter image description here
我试过边界半径，但是它不够大。我试过搜索其他选项，但是我没有找到或者不理解。这是我的CSS

nav > ul > li:hover {
  background-color: #dfdfe2;
  color: #1b1b32;
  cursor: pointer;
  border-radius: 40%;
}
li > a {
  color: inherit;
  text-decoration: none;
}
nav > ul {
  display: inline-block;
  vertical-align: middle;
  padding: 0.2%;
  margin: 0.7%;

What I got from the code

css

来源：https://stackoverflow.com/questions/75028071/how-to-make-background-be-oval-on-my-button

1条答案

按热度按时间

yjghlzjz1#

您需要如下所示添加padding和border-radius，并移除您在:hover上给定的边界半径

nav > ul > li {
      border-radius: 50px;
      padding: 10px 15px;
    }

赞(0）回复(0）举报 2023-01-10

我来回答

css 如何使背景是椭圆形的按钮[复制]

1条答案

相关问题

热门标签

最新问答