css - 通过css圆 Angular

Question

我写了一个 css 作为傻瓜:

<style>
#box_1 #box1_bg{
    width: 100px;
    padding-left:0px;
    font-family: "cachet Bold" , "CachetBoldRegular";
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 21px;
    text-align:center;
    padding-top:10px;
    height:30px;
    border-bottom-style:groove;
       -moz-border-radius-bottomleft: 10px;
       -moz-border-radius-bottomright: 10px;
       -webkit-border-bottom-left-radius: 10px;
       -webkit-border-bottom-right-radius: 10px;



}
</style>

它给我一个像结构一样的盒子..我怎样才能得到这个盒子的圆 Angular ？

Answer 1

您需要添加背景或边框才能看到圆 Angular 。

#box_1 #box1_bg{
    width: 100px;
    padding-left:0px;
    font-family: "cachet Bold" , "CachetBoldRegular";
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 21px;
    text-align:center;
    padding-top:10px;
    height:30px;
    border:5px groove yellow;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}