0

これらのボタンを CSS で作成するにはどうすればよいですか?

ここに画像の説明を入力

4

4 に答える 4

0

私の試み：

.myButton{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffffff;
    padding: 14px 40px;
    background: -moz-linear-gradient(
        top,#6CA44B 0%,#4D872B);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#6CA44B),
        to(#4D872B));
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid;
    border-top-color:#7B8E70;
    border-right-color: #536B44;
    border-left-color: #536B44;
    border-bottom-color: #4B643D;
    box-shadow: 0 0 0 5px #e5e5e5,inset 0 1px rgba(255,255,255,0.3);
    text-shadow: 0 1px rgba(0,0,0,0.5);
}

.myButton:hover{
    background: #40781F;
    box-shadow: 0 0 0 5px #e5e5e5,inset 0 2px rgba(0,0,0,0.3);
    color: rgba(255,255,255,0.9);
}

デモはこちら

于 2013-07-14T20:48:21.510 に答える
0

ボタンをradius:Xpx作成するアイテムにプロパティを適用する必要があります。background-colorborder:3px solid (color here)

于 2013-07-14T20:06:30.693 に答える