-1

誰かがこのようなCSSを作成する方法を知っていますか？

ここに画像の説明を入力してください

ボタンの影を実際に作成してください。

さて、私はこれを試しましたが、影を作成するのは困難です：

CSSコード

 a{ 
   display: inline-block;
   width:9px; 
   height:9px; 
   border-radius:50px; 
   font-size:20px; 
   color:#fff; 
   line-height:100px; 
   text-align:center; 
   text-decoration:none; 
   background-color: #1f1f1f !important; 
   margin: 2px 2px 2px 2px !important; 
   border: 1px #bebebd inset; 
 }

 a.active {
   display: inline-block;
   width:10px;
   height:10px;
   border-radius:50px;
   font-size:20px;
   color:#fff;
   line-height:100px;
   text-align:center;
   text-decoration:none;
   background-color: #2880d7 !important;
   margin: 2px 2px 2px 2px !important;
   border: 0px;
}

HTMLコード

<a href="#"></a>
<a href="#" class="active"></a>

ボタンの影を実際に作成してください。

少し早いですがお礼を

4

1 に答える 1

0 
a{ 
   display: inline-block;
   width:9px; 
   height:9px; 
   border-radius:50px; 
   font-size:20px; 
   color:#fff; 
   line-height:100px; 
   text-align:center; 
   text-decoration:none; 
   background-color: #1f1f1f !important; 
   margin: 2px 2px 2px 2px !important; 
   border: 1px #bebebd inset;  
    box-shadow: 2px 2px 5px #888888;
 }

a{}これをあなたのcssクラスに置き換えます

不十分な場合は、このリンクを参照してください

于 2013-02-22T07:38:44.260 に答える