Ubuntu按钮css边框半径

我想做一个css ubuntu风格的按钮，但我有一个边界半径值的问题，我想使按钮四舍五入

我的HTML

<button>Ubuntu button</button> } 按钮：悬停{

-webkit-box-shadow: 0px 1px 1px 0px rgb(234, 234, 234);
-moz-box-shadow: 0px 1px 1px 0px rgb(234, 234, 234);
box-shadow: 0px 1px 1px 0px rgb(234, 234, 234);
background-color: #ededed;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(231, 231, 231)),color-stop(0.496, rgb(231, 231, 231)),color-stop(0.5, rgb(231, 231, 231)),color-stop(1, rgb(255, 255, 255)));
background-image: -webkit-repeating-linear-gradient(top,rgb(231, 231, 231) 0%,rgb(231, 231, 231) 49.6%,rgb(231, 231, 231) 50%,rgb(255, 255, 255) 100%);
background-image: repeating-linear-gradient(to bottom,rgb(231, 231, 231) 0%,rgb(231, 231, 231) 49.6%,rgb(231, 231, 231) 50%,rgb(255, 255, 255) 100%);
background-image: -ms-repeating-linear-gradient(top,rgb(231, 231, 231) 0%,rgb(231, 231, 231) 49.6%,rgb(231, 231, 231) 50%,rgb(255, 255, 255) 100%);

} 按钮：激活{

}

更新 在这张图片中它清晰地显示出来

---

顶部的按钮是css样式的，第二个是ubuntu系统按钮，正如您将看到的，使用px值作为边界半径的角半径不一样，对于边界半径值来说，比ems更精细、更可靠。Ems与其父容器相关，在更大的应用程序中可能会出现问题。我想您会发现边界半径的4px值更符合您的喜好。

使用边界半径的px值比ems更精确、更可靠。Ems与其父容器相关，在更大的应用程序中可能会出现问题。我想您会发现边框半径的4px值更符合您的喜好。

我使用了ems，因为它不会受到按钮宽度或高度的影响。如果您想使用ems，然后你需要做一些类似的事情。4em.border-radius:0.4em不会给我一个我用过ems的相同形状，因为它不会受到按钮宽度或高度的影响如果你想用ems，然后你需要做一些像.4em.border-radius:0.4em不能给我相同的形状使用

border-radius:6px？使用
边界半径：6px？？
-webkit-box-shadow: 0px 1px 1px 0px rgb(234, 234, 234);
-moz-box-shadow: 0px 1px 1px 0px rgb(234, 234, 234);
box-shadow: 0px 1px 1px 0px rgb(234, 234, 234);

-webkit-box-shadow: 0px 1px 1px 0px rgb(234, 234, 234);
-moz-box-shadow: 0px 1px 1px 0px rgb(234, 234, 234);
box-shadow: 0px 1px 1px 0px rgb(234, 234, 234);
background-color: #ededed;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(231, 231, 231)),color-stop(0.496, rgb(231, 231, 231)),color-stop(0.5, rgb(231, 231, 231)),color-stop(1, rgb(255, 255, 255)));
background-image: -webkit-repeating-linear-gradient(top,rgb(231, 231, 231) 0%,rgb(231, 231, 231) 49.6%,rgb(231, 231, 231) 50%,rgb(255, 255, 255) 100%);
background-image: repeating-linear-gradient(to bottom,rgb(231, 231, 231) 0%,rgb(231, 231, 231) 49.6%,rgb(231, 231, 231) 50%,rgb(255, 255, 255) 100%);
background-image: -ms-repeating-linear-gradient(top,rgb(231, 231, 231) 0%,rgb(231, 231, 231) 49.6%,rgb(231, 231, 231) 50%,rgb(255, 255, 255) 100%);